Element 对象

Element 与 Node

元素与节点的区别： 1）通过节点访问或操作 HTML ⻚⾯内容： 元素节点：表示 HTML ⻚⾯中的标签。 属性节点：表示 HTML ⻚⾯中标签的属性。 ⽂本节点：表示 HTML ⻚⾯中标签的⽂本内容。 2）通过元素访问或操作 HTML ⻚⾯内容： 元素：表示 HTML ⻚⾯中的标签。 也就是说： 使⽤节点⽅式时：标签、属性和⽂本是同级关系； 使⽤元素⽅式时：只有标签，属性和⽂本成为了标签的⼀部分。

获取元素

getElementById() ⽅法：通过标签的 id 属性值获取指定标签。 getElementsByClassName() ⽅法：通过标签的 class 属性值获取指定标签。 getElementsByTagName() ⽅法：通过标签名获取指定标签。 getElementsByName() ⽅法：通过标签的 name 属性值获取指定标签。 querySelector() ⽅法：通过 CSS 选择器⽅式获取匹配的第⼀个标签。 querySelectorAll() ⽅法：通过 CSS 选择器⽅式获取匹配的所有标签

遍历元素

获取⽗元素

1 ⼦元素.parentElement

获取⼦元素

1 ⽗元素.firstElementChild

children ：获取指定标签的所有⼦元素。