DOM (Document Object Model) 是一个用于操作 HTML 或 XML 文档的 API 函数集合。DOM 可以通过 JavaScript 来获取文档中的所有文本节点,具体实现代码如下:
// 获取 HTML 文档对象
const doc = document;
// 获取文档中的所有文本节点
const textNodes = [];
for (let i = 0; i < doc.childNodes.length; i++) {
const node = doc.childNodes[i];
if (node.nodeType === Node.TEXT_NODE) {
textNodes.push(node.textContent);
}
}
// 输出所有文本节点的值
console.log(textNodes);
上述代码中,首先获取了 HTML 文档对象,然后通过循环遍历所有的子节点,找到文本节点(nodeType === Node.TEXT_NODE)并获取其内容,最终将所有文本节点的值存储在一个数组中。最后使用 console.log() 输出所有文本节点的值。
需要注意的是,DOM 操作是比较底层的操作,对于大型文档,操作起来可能会比较耗时,并且可能会对性能造成影响。因此,在实际开发中,建议使用一些成熟的 DOM 操作库来进行操作,如 jQuery、Mootools、Zepto 等。
领取专属 10元无门槛券
手把手带您无忧上云