js dom 操作实例图解

以下操作的是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 操作实例图解的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。