元素与节点

元素与节点的区别： 获取元素时跳过文本节点
1）通过节点访问或操作 HTML 页面内容：
元素节点：表示 HTML 页面中的标签。
属性节点：表示 HTML 页面中标签的属性。
⽂本节点：表示 HTML 页面中标签的文本内容。
2）通过元素访问或操作 HTML 页面内容：
元素：表示 HTML 页面中的标签。

使用节点方式时：标签、属性和文本是同级关系；
使用元素方式时：只有标签，属性和文本成为了标签的一部分

通过 HTML 页面的指定标签查找其父元素。parentElement 子元素.parentElement

获取 HTML 页面标签的指定属性值。getAttribute() 元素.getAttribute( 属性名 )

设置 HTML 页面标签的指定属性。setAttribute() 元素.setAttribute( 属性名, 属性值 )

删除 HTML 页面标签的指定属性。removeAttribute() 元素.removeAttribute( 属性名 )

获取文本
nodeValue 不能获取子元素中的文本内容
innerText 不能获取被 CSS 样式隐藏的文本内容
textContent 可以获取全部文本内容

innerHTML ：我们可以通过 innerHTML 属性来获取或更新 HTML 页面的指定标签所包含的 HTML 代码内容。