DOM概念与获取元素

DOM概念

DOM（Document Object Model）:文档对象模型
通过开发者工具可以看到

整个文档是由一系列的节点对象组成的一棵树
节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）

Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的
nodeValue=null
getAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）
节点名称就是属性名，节点值就是属性值
Txt1是一个文本节点（3），节点名称固定是#text，节点值文本内容

获取元素

(1)getElementById 根据元素的id属性来获取元素，获取到的是一个元素
(2)getElementsByTagName 根据标签名来获取元素，获取到的是一个元素集合
(3)getElementsByClassName 根据class属性来获取元素，获取到的是一个元素集合
(4)getElementsByName 根据name属性来获取元素，获取到的是一个元素集合
总结：获取元素可以根据标签名获取，也可以根据id、name、class属性来获取。
根据id属性获取的结果是一个元素，其他的是一个元素集合