DOM节点的深入认识

DOM节点

  • 在文档对象模型（DOM）当中，每个节点都是对象
  • 要认识DOM节点的三个重要属性
    1 节点类型-nodeType
    2 节点名称-nodeName
    3 节点值-nodeValue

1：认识nodeType属性

  • nodeType节点的类型是只读的
  • nodeType节点返回的是以数字值返回的指定的节点类型
    1 节点如果是元素节点--nodeType属新返回的结果是1
    2 节点如果是属性节点--nodeType属性返回的结果是2

2:认识nodeName属性

  • nodeName的节点的名称是只读的
    1 元素节点的nodeName与标签的名字相同
    2 属性节点的nodeName是属性的名称
    3 文本节点的nodeName永远是#text
    4 文档节点dnodeName永远是#document

3:认识nodeValue属性

  • nodeValue是节点的值
    1 元素节点的nodeValue是undefined或者null
    2 属性节点的nodeValue是属性的值
    3 文本节点的nodeValue是文本自身

获取DOM里面的元素节点

1 通过"ID"获取元素节点：getElementById("id")

  • ID是独一无二的
  • 可以快速的查找详细的元素节点
  • 多个ID同时存在的时候，只会读取最先的一个节点
    2 通过"类标签"获取元素节点：getElementsByClass("class")
  • 类标签和CSS里面的类标签相似
  • 类标签可以查找多个节点
    3 通过"标签名字"获取元素节点：getElementsByTagName("name")
  • 标签名字可以获取文档节点中所有相同的节点

4:访问子节点

  • 子节点的访问：childnodes
获取子节点.PNG

5访问子节点的第一个和最后一个

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

推荐阅读更多精彩内容