js---DOM节点

本篇文章的内容是js中的DOM节点 ，在这里分享给大家，也可以给有需要的朋友参考一下

一、获得元素:

1.getElementsByTagName()----所有浏览器都有这个方法，没兼容性问题

2.getElementById()---IE8.0以下，不区分Id的大小写，也就是说也没兼容性问题

3.getElementsByClassName()---IE9.0以下没有这个方法，存在兼容性问题。

4.getElementsByName()---name属性，Input的name属性，并不是所有标签都有效

5.querySelector('选择器')---IE8.0以下不兼容，选出来的是副本，再修改html中dom时，之前选出来的副本不会产生相应变化。

二、遍历

遍历节点树：parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---节点树包括文本节点，注释节点，空节点

遍历元素树：除children之外，其他IE9以下都存在兼容性问题

parentElement---最高的父级到html；

children---无兼容性问题，只返回当前元素的元素子节点

node.childElementCount===node.children.length当前节点的子元素个数

firstElementChild---返回的是第一个元素节点（IE不兼容）

nextElementSibling/previousElementSibling

节点的类型：调用该节点nodeType

元素节点---1；属性节点---2；文本节点---3；注释节点---8；document---9；DocumentFragment---11

原型链：document--->HTMLDocument.prototype--->Document.p rototype

相关推荐：

js中DOM元素的操作方法

js之DOM事件流详解

JS中DOM如何操作

以上是js---DOM节点 的详细内容。更多信息请关注PHP中文网其他相关文章！