DOM查询常用方法及属性

DOM查询

获取元素节点的子节点

• 通过具体的元素节点调用

1. getElementsByTagName( )

• 方法，返回当前节点的指定标签名后代节点

2. childNodes

• 属性，表示当前节点的所有子节点
• 会获取包括文本节点在内的所有节点
• 标签间的空白也会当成文本节点
• 注意：在IE8及以下的浏览器中，不会将空白文本当成子节点

3. firstChild

• 属性，表示当前节点的第一个节点

4. lastChild

• 属性，表示当前节点的最后一个节点

5. children

• 属性，可以获取当前元素的所有子元素，不包括空白文本节点

6. firstElementChild

• 属性，可以获取当前元素的第一个子元素，不包括空白文本节点
• 不支持IE8及以下的浏览器

获取父节点和兄弟节点

通过具体的节点调用

1. parentNode

• 属性，表示当前节点的父节点

2. previousSibling

• 属性，表示当前节点的前一个兄弟节点

3. nextSibling

• 属性，表示 当前节点的后一个兄弟节点

4. innerText

• 属性，可以获取元素内部的文本内容
• 它和innerHTML类似，不同的是它会自动将html去除5.previousElementSibling
• 属性，表示当前元素的前一个兄弟元素，IE8以下不支持