DOM解析器DOMParser api的讲解

心安事随

发布于 2024-07-29 16:53:54

720

发布于 2024-07-29 16:53:54

文章被收录于专栏：前端大合集

介绍:

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

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

语法:

let domparser = new DOMParser();

方法:

parseFromString(string, type)

参数介绍:

string : 要解析的DOM字符串
type : 解析类型

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

返回值: 返回一个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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-07-29，如有侵权请联系 cloudcommunity@tencent.com 删除

dom