一、节点及其类型:
(1). 元素节点
(2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作.
(3). 文本节点: 是元素节点的子节点, 其内容为文本.
二、 如何来获取元素节点:
(1)document.getElementById
根据 id 属性获取对应的单个节点
(2)document.getElementsByTagName:
根据标签名获取指定节点名字的数组, 数组对象 length 属性可以获取数组的长度
(3) document.getElementsByName:
根据节点的 name 属性获取符合条件的节点数组,
三、获取子节点
(1)childNodes 属性: 获取指定元素的所有子节点, 但不怎么常用.
(2)firstChild、lastChild 属性: 获取元素节点的文本节点(如果一个元素,节点只有一个文本子节点).
(3)使用元素节点的 getElementsByTagName(“方法”);
四、读写文本节点:
(1)文本节点一定是元素节点的子节点
(2)步骤: 获取文本节点所在的元素节点 -> 利用 firstChild 获取文本节点
(3)利用节点的 nodeValue 属性来读写文本值.
节点的属性: 所有节点都有的属性(按元素节点, 属性节点, 文本节点来说明)
nodeType: 1, 2, 3 只读属性
nodeName: 返回对应的节点的名字 只读属性
nodeValue: null, 属性值, 文本值 可读写的属性.
属性节点:
一般情况下不单独获取属性节点,
而是通过 元素节点.属性名 的方式来读写属性值