0.前言

上一章講了如何獲取獲取標(biāo)簽(元素)節(jié)點(diǎn)，這一節(jié)來和大家說一下如何獲取屬性節(jié)點(diǎn)。

我還是用代碼來講解：

獲取屬性節(jié)點(diǎn)

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

效果：

捕獲.PNG

注意：無論獲取什么節(jié)點(diǎn)，首先要獲取標(biāo)簽結(jié)節(jié)點(diǎn)，只有獲取到標(biāo)簽節(jié)點(diǎn)，才能進(jìn)行屬性、文本節(jié)點(diǎn)的獲取，切記，切記。

1.獲取屬性節(jié)點(diǎn)

第一種方法：獲取官方定義的屬性節(jié)點(diǎn)(獲取元素的對(duì)應(yīng)屬性值)。

格式：元素節(jié)點(diǎn) . 屬性名。

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

代碼如下：

console.log(jsInput.placeholder);

alert("是時(shí)候展現(xiàn)真正的技術(shù)");

效果：

捕獲.PNG

設(shè)置屬性節(jié)點(diǎn)的值

公式：元素節(jié)點(diǎn) . 屬性名 = 新的屬性值

代碼如下：

//設(shè)置元素對(duì)應(yīng)屬性的值

//元素節(jié)點(diǎn).屬性名 = 新的屬性值

jsInput.placeholder = "sunck good";

效果：

捕獲.PNG

第二種方法

公式：元素節(jié)點(diǎn) . getAttribute(屬性名);

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

代碼：

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

效果：

捕獲.PNG

設(shè)置自定屬性的值

公式：元素節(jié)點(diǎn) . setAttribute(屬性名, 新屬性值);

注意：當(dāng)屬性不存在時(shí)，變?yōu)樘砑訉傩?/p>

代碼：

//設(shè)置

//元素節(jié)點(diǎn).setAttribute(屬性名, 新屬性值);

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

//注意：當(dāng)屬性不存在時(shí)，變?yōu)樘砑訉傩?/p>

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

效果：

捕獲.PNG

2.刪除屬性節(jié)點(diǎn)

公式：元素節(jié)點(diǎn).removeAttribute(屬性名);

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

代碼：

jsInput.removeAttribute("other");

console.log(jsInput);

效果：

捕獲.PNG

3.總結(jié)

好了今天就到這，下節(jié)和大家分享獲取文本節(jié)點(diǎn)，謝謝打賞！！！！

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。