美文网首页初学前端JavaScript入门文档
JavaScript中的DOM2节点树和元素树获取

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

作者: 简约酒馆 | 来源:发表于2019-11-03 20:14 被阅读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   获取父元素节点

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

相关文章

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

    文档结构和遍历 作为节点树的文档 1、parentNode 获取该节点的父节点 2、childNodes 获取该...

  • 【前端】-029-DOM编程-节点操作

    节点的属性 节点操作 除了通过DOM树中的父子、兄弟关系获取节点外,还可以通过 JavaScript 中的DOM接...

  • 一文图解二叉树面试题,现在懂了吗?

    一、树 & 二叉树 树是由节点和边构成,储存元素的集合。节点分根节点、父节点和子节点的概念。 如图:树深=4; 5...

  • 一文图解二叉树面试题

    一、树 & 二叉树 树是由节点和边构成,储存元素的集合。节点分根节点、父节点和子节点的概念。 如图:树深=4; 5...

  • JavaScript中获取节点——获取标签(元素)节点

    0.前言 上一节我只和大家分享了DOM,但是也只是说了一些基础知识,用法还没给大家分享,今天就和大家分享一下用法:...

  • 元素对象和选择器

    html dom树 通过获取dom节点的方法获取到 元素对象 还能通过console.dir(元素对象) 打印出元...

  • 二叉树(一)

    树、二叉树、二叉查找树、平衡二叉树、红黑树、递归树 一、树 树的常用概念节点:树中的每个元素称为节点父子关系:相邻...

  • DOM 重点核心

    文档对象类型:DOM1,对于JavaScript ,dom接口2,对于Html, dom 树包括文档,元素,节点...

  • 术语 位于树顶部的节点叫作根节点(11)。它没有父节点。树中的每个元素都叫作节点,节点分为内部节点和外部节点。 键...

  • 非线性结构—树与堆

    树是一种由N个有限的节点组成的一种具有层次关系的集合,如下就是一棵树: 树的相关术语 节点树中的每个元素都叫作节点...

网友评论

    本文标题:JavaScript中的DOM2节点树和元素树获取

    本文链接:https://www.haomeiwen.com/subject/cfslbctx.html