JavaScript 一些 DOM 的知识点

normalize() 方法,用来将当前节点和它的后代节点规范化。 在一个”规范化”后的DOM树中,不存在一个空的文本节点,或者两个相邻的文本节点。

varele =document.createElement("div");vartextNode =document.createTextNode("Hello ");ele.appendChild(textNode);varanotherTextNode =document.createTextNode("world!");ele.appendChild(anotherTextNode);document.body.appendChild(ele);console.log(ele.childNodes.length);// 2ele.normalize(); // 规范化文本节点console.log(ele.childNodes.length);// 1
  • innerText 属性: 取得或更改操作元素包含的所有文本内容

一般不会去操作注释节点!

<divid="test"><!-- A comment --></div>// 注释节点是 div 元素的一个子节点
  • document.createComment(): 创建一个注释节点

选择符 API

Selector API 是由 W3C 发起制定的一个标准,致力于让浏览器原生 JavaScript 支持 CSS 查询。