以下操作的是www.ibm.com；

下面是在js調(diào)試控制臺(tái)中操作；

根據(jù)id和name獲取元素對(duì)象；獲取對(duì)象后獲取值用getAttribute；

遍歷一個(gè)元素的屬性集合，輸出屬性的名字和值；

遍歷一個(gè)元素的子節(jié)點(diǎn)，輸出子節(jié)點(diǎn)的id，name;

遍歷一個(gè)元素的子節(jié)點(diǎn)，輸出其id，和子節(jié)點(diǎn)類型；子節(jié)點(diǎn)類型沒(méi)獲取到；

獲取元素q的類型，是文本框；

獲取元素ibm-top的類型，結(jié)果是null；ibm-top是一個(gè)div；

qq-sendUrl-btn也是一個(gè)div；

根據(jù)類名獲取元素；

如果取到多個(gè)，以逗號(hào)隔開(kāi)；

獲取元素的第一個(gè)子節(jié)點(diǎn)；

獲取元素的父節(jié)點(diǎn)；

document.getElementById("q"); ?document.getElementById("q").getAttribute("maxlength");document.getElementById("q").getAttribute("value");document.getElementById("q").getAttribute("aria-owns");for (i=0; i<document.getElementById("q").attributes.length; i++){console.log(document.getElementById("q").attributes[i].name,"，",document.getElementById("q").attributes[i].value); }for(i=0;i<document.body.childNodes.length;i++){console.log(document.body.childNodes[i].id,", ",document.body.childNodes[i].name); }

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的js dom 操作实例图解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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