DOM节点

节点类型

每种节点类型都有一个关联的数值,保存在属性nodeType里,其值的含义如下所示:


最常用的节点类型是1、2、3,也就是页面元素、他们的属性和包含的文本。

childNodes属性

每个节点都有一个childNodes属性。这个属性类似数组,包含了当前节点全部直接子节点的集合,我们可以访问这些子节点的信息。
childNodes集合称为“节点列表”(NodeList),其中的项目以数值进行索引。节点列表是一个动态集合,这表示集合的任何改变都会立即反映到列表。

对象.childNodes
//长度
对象.childNodes.length

firstChild 和 lastChild

firstChild就是childNodes数组中的第一个元素,相当于childNodes[0]。
lastChild就是childNodes的最后一个元素,相当于 对象.childNodes[对象.childNodes.length - 1]。

parentNode属性

parentNode属性保存节点的父节点。

nextSibling 和 previousSibling

previousSibling 和 nextSibling 属性分别返回节点的前一个和后一个兄弟节点,如果不存在相应的节点,就返回null。

节点值

DOM节点的nodeValue属性返回保存在节点里的值,一般用它返回文本节点里的内容。

节点名称

nodeName属性以字符串形式返回节点的名称,这个属性是只读,不能修改它的值。当 nodeName 返回元素名称时,并不包括HTML源代码里使用的尖括号<>。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本篇是基于《JavaScript高级程序设计(第3版)》DOM相关章节做的整理与归纳,概述了DOM的常见节点类型及...
    查查查查查查克阅读 7,326评论 2 7
  • 技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1....
    CurryCoder阅读 2,405评论 0 3
  • 节点属性 nodeType 节点的类型,属性值为数字,表示不同的节点类型,共 12 种,只读1= 元素节点2= 属...
    amanohina阅读 3,085评论 0 0
  • dom 1 .js操作网页的接口,他的作用是将网页转换一个可以进行脚本操作的js对象。可以使用document.q...
    skoll阅读 8,025评论 0 1
  • ---------------------------------------------------------...
    smartlala阅读 3,269评论 0 0