DOM

《1》.DOM：Document Object Model（文档对象模型）
是HTML文档对象模型（HTML DOM）定义的一套标准方法， 用来访问和操纵HTML文档

1.适合用于高版本浏览器

• querSelector获取含有指定类选择器的元素，含有相同多个的元素，只获取第一个
• 使用querySelectorAll可以获取多个含有对应元素选择器的元素

//通过下标可以选择第几个
console.log( document.querySelectorAll('div')[0] )
console.log( document.querySelectorAll('div')[2] )

1.1 innerText和innerHTML区别

• 两者性质都一样，可以替换文本内容
• innerText不会转义标签元素
• innerHTML里面可以写标签，转义标签元素原意

高版本的浏览器可以识别firstElementChild

1. firstElementChild和firstChild的区别
2. firstElementChild忽略空格和换行直接获取元素节点
3. firstChild需要搭配节点才能获取对应的元素属性

• firstChild 节点的第一个子节点
• lastChild 节点的最后一个子节点
• nextSibling 下一个节点
• previousSibling 上一个节点

4. childNodes 子节点集合，childNodes[i]

5. parentNode 返回节点的父节点