dom

节点Node接口

常见节点

---

所有节点点由Node生成

文档节点
document生成HTML

元素节点
element生成各种标签元素

属性节点

文本节点
Text生成本文

页面中的各种节点使用构造函数，构造出对象，然后操作，这就是dom的主要功能

Node属性

---

• child / children / parent
• node
• first / last
• next / previous
• sibling / siblings
• type
• value / text / content
• inner / outer
• element

然后互相组合

1. childNode

• childnods会获取所有子节点
  
• children会获取所有子标签，不包括文本节点

2. nodeName

• document.ducumentElement.nodeName是HTML
• 获取到的nodeName除了svg全是大写

3. nodetype

• 标签:1
• 文本:3
• 注释:8
• 文档(dom树根):9

4. nextSibling

• 获取下一个兄弟

5. innertext和textcontent的区别

• textContent 会获取所有元素的内容，包括< script >和< style>
• textContent会返回隐藏元素文本
• innnertext受到css隐藏，会触发重排

Node方法

---

1. cloneNode()
   默认浅拷贝(false),如果想要深拷贝，括号中写true

2. isEqualNode()
   判断2个节点相等
   

3. isSameNode()
   判断2个节点相同，废弃了，请使用===好吧

4. normalize()
   常规化

document接口

---

属性

referrer

方法

close