JavaScript day7（DOM节点）

dom对象也叫作节点：

DocumentType    文档类型节点

Element         元素(标签)节点

Attribute      属性节点

Text           文本节点

Comment        注释节点

Document       文档节点  整个页面

获取DOM元素节点：

旧的获取方法
- document.head
- document.body
- document.links  获取页面上所有的超链接
- document.anchors 获取页面上所有的name属性的标签
- document.forms  获取页面上所有的表单元素

新的获取方法
- document.getElementById  通过Id属性去查询标签 只能查找一个id 相同则忽略
- document.getElementsByClassName
- document.getElementsByTagName  标签名
- document.getElementsByName  通过name属性获取

通过选择器查询
document.querySelector
document.querySelectorAll

**注意**

1. 在所有得到伪数组的方法中，除了querySeletorAll以外的其他方法都会实时更新

2. getElementById执行效率最高

3. 书写的id属性的元素，会自动成为window对象下的属性

4. getElementsByClassName、getElementsByTagName、getElementsByName、querySelectorAll，可以作为其他元素节点对象的方法使用

节点关系：

1. parentNode  父节点

2. childNodes  所有的子节点

3. firstChild  第一个子节点

4. lastChild   最后一个子节点

5. previousSibling 前一个兄弟节点

6. nextSibling 后一个兄弟节点

获取元素节点：

1.parentElement  获取父元素节点
2.children  获取所有子元素节点
3.firstElementChild 获取第一个子元素节点
4.lastElementChild 获取最后一个子元素节点
5.previousElementSibling 获取上一个兄弟节点
6.nextElementSibling 获取下一个兄弟节点

节点信息

nodeName  节点名称

nodeValue  节点的值

nodeType   节点类型   


element  1

comment  8

Text     3

Document 9

DocumentType 10