JavaScript中的DOM解析器DOMParser api的讲解

介绍:

DOMParser 可以将存储在字符串中的 XML 或 HTML 源代码解析为一个 DOM Document。

DOMParser - Web API 接口参考 | MDN (mozilla.org)

语法:

let domparser = new DOMParser();

方法:

parseFromString(string, type)

参数介绍:

1. string : 要解析的DOM字符串
2. type : 解析类型
   • text/html

• text/xml
• application/xml
• application/xhtml+xml
• image/svg+xml

1. 返回值: 返回一个document对象

示例:

        // 定义一个变量 用来存储dom字符串
        var dom = '<div><p>666</p></div>';
        // 创建DOM解析器
        var parser = new DOMParser();
        // 解析DOM字符串
        var doc = parser.parseFromString(dom, "text/html");

        console.log(doc);
        // 获取p标签
        var p = doc.querySelector("p");
        // 获取p标签的文本内容
        var text = p.textContent;
        console.log(text); // 666