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访问子节点的第一个和最后一个