初学前端JavaScript入门文档

JavaScript中的DOM2节点树和元素树获取

2019-11-03  本文已影响0人  简约酒馆

文档结构和遍历


作为节点树的文档

 1、parentNode   获取该节点的父节点    

 2、childNodes   获取该节点的子节点数组-------当前元素对象的所有子节点

 3、firstChild  获取该节点的第一个子节点

 4、lastChild  获取该节点的最后一个子节点

 5、nextSibling   获取该节点的下一个兄弟元素

 6、previousSibling   获取该节点的上一个兄弟元素

注意:这里的属性都存在在代码中回车造成的问题。也是就是这些属性拿到的都是节点(包括元素节点、属性节点、文本节点)

 7、nodeType    节点的类型,1代表Element节点,3代表 Text节点,8代表Comment节点,

 8、nodeVlue    Text节点或Comment节点的文本内容

 9、nodeName    元素的标签名(如P,SPAN,#text(文本节点),DIV),以大写形式表示

元素树的文档

  1、firstElementChild        第一个子元素节点

2、lastElementChild  最后一个子元素节点

3、nextElementSibling        下一个兄弟元素节点

 4、previousElementSibling   前一个兄弟元素节点

 5、childElementCount        子元素节点个数量

6、children       获取所有的子元素节点,是一个只读属性,并且它在子节点变化时会实时更新。

7、parentElement   获取父元素节点

注意: 这里的属性得到的都是元素节点

上一篇 下一篇

猜你喜欢

热点阅读