元素与节点的区别: 获取元素时跳过文本节点
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 代码内容。