文档对象
document：表示整个html文档【算节点】
节点
文本节点
- 标签中的文字部分包括换行
- 单标签没有文本节点也没有子元素
元素节点【元素对象】
- 标签【每个标签都算元素】
- 一个标签算一个对象
属性节点
标签的属性
在js中获取html中的节点
-
document.getElementsByClassName（class）：通过类名获取满足条件的多个元素，【返回HTMLcollection构造的伪数组集合】
-
document.getElementById（‘id’）：通过id名获取满足条件元素
-
document.getElementsByTagName（‘标签名’）：通过标签名获取满足条件的多个元素，【返回HTMLcollection构造的伪数组集合】
-
document.getElementsByName（‘name’）：通过name获取满足条件的多个元素，【返回NodeList（可以使用forEach）构造的伪数组集合】
-
document.querySelector（‘选择器’）：通过选择器名获取满足条件的第一个元素
-
document.querySelectorAll（‘选择器’）：通过择器名获取满足条件的所有元素，【返回NodeList（可以使用forEach）构造的伪数组集合】
-
document.documentElement（‘HTML’）：获取根元素HTML
-
document.body：获取body
小知识
- Elements：多个元素对象
- Element：单个元素对象
- HTMLcollection：html元素集合的构造器
- NodeList：节点列表构造器可用forEach
- log输出元素对象时。输出整个标签
- dir输出元素对象
