0.前言

上一章講了如何獲取獲取標簽(元素)節點，這一節來和大家說一下如何獲取屬性節點。

我還是用代碼來講解：

獲取屬性節點

var jsInput = document.getElementById("in");

效果：

捕獲.PNG

注意：無論獲取什么節點，首先要獲取標簽結節點，只有獲取到標簽節點，才能進行屬性、文本節點的獲取，切記，切記。

1.獲取屬性節點

第一種方法：獲取官方定義的屬性節點(獲取元素的對應屬性值)。

格式：元素節點 . 屬性名。

注意：不能獲取自定義屬性的值。

代碼如下：

console.log(jsInput.placeholder);

alert("是時候展現真正的技術");

效果：

捕獲.PNG

設置屬性節點的值

公式：元素節點 . 屬性名 = 新的屬性值

代碼如下：

//設置元素對應屬性的值

//元素節點.屬性名 = 新的屬性值

jsInput.placeholder = "sunck good";

效果：

捕獲.PNG

第二種方法

公式：元素節點 . getAttribute(屬性名);

注意：還可以獲取自定義屬性的值。

代碼：

console.log(jsInput.getAttribute("my"));

效果：

捕獲.PNG

設置自定屬性的值

公式：元素節點 . setAttribute(屬性名, 新屬性值);

注意：當屬性不存在時，變為添加屬性

代碼：

//設置

//元素節點.setAttribute(屬性名, 新屬性值);

jsInput.setAttribute("my", "sunck");

//注意：當屬性不存在時，變為添加屬性

jsInput.setAttribute("other", "sunck");

效果：

捕獲.PNG

2.刪除屬性節點

公式：元素節點.removeAttribute(屬性名);

注意：某些低版本瀏覽器不支持

代碼：

jsInput.removeAttribute("other");

console.log(jsInput);

效果：

捕獲.PNG

3.總結

好了今天就到這，下節和大家分享獲取文本節點，謝謝打賞！！！！

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的html 获得文本节点,JavaScript获取节点——获取文本节点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。