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

下面是在js調試控制臺中操作；

根據id和name獲取元素對象；獲取對象后獲取值用getAttribute；

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

遍歷一個元素的子節點，輸出子節點的id，name;

遍歷一個元素的子節點，輸出其id，和子節點類型；子節點類型沒獲取到；

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

獲取元素ibm-top的類型，結果是null；ibm-top是一個div；

qq-sendUrl-btn也是一個div；

根據類名獲取元素；

如果取到多個，以逗號隔開；

獲取元素的第一個子節點；

獲取元素的父節點；

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); }

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

總結

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

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