Js 解析以及文本化 DOM 元素的做法

MizarZ 收录于计算机

2024-04-16 约 200 字预计阅读 1 分钟

解析 DOM 文本

1
2
3
4
5
6
7


const parser = new DOMParser();

const xmlString = "<warning>Beware of the tiger</warning>";
const doc1 = parser.parseFromString(xmlString, "application/xml");

const htmlString = "<strong>Beware of the leopard</strong>";
const doc2 = parser.parseFromString(htmlString, "text/html");

parser.parseFromString 返回类型为 Document，这种格式含有完整的 <head><body> 元素，也无法直接打印，也没有 toString 方法，总之就是无法直接转换成文本。

文本化 DOM 元素

我翻了半天都没找到将 DOM 元素变成文本的函数。最后问了 chatgpt 才知道原来精髓就在类型本身：

1

doc.documentElement.innerHTML // DOM 文本