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

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介: `DOMParser`能将XML或HTML源码字符串解析成DOM `Document`。通过`new DOMParser()`创建实例,使用`.parseFromString(string, type)`方法进行解析,其中`string`为待解析的字符串,`type`指定解析类型如`text/html`或`text/xml`等,返回一个`Document`对象。例如,可解析包含`<p>666</p>`的字符串并获取其文本内容`666`。

介绍:

DOMParser 可以将存储在字符串中的 XMLHTML 源代码解析为一个 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
目录
相关文章
|
4天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
2天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
1天前
|
XML Web App开发 JavaScript
|
9天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
6天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
8天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
12天前
|
XML JSON API
淘宝京东商品详情数据解析,API接口系列
淘宝商品详情数据包括多个方面,如商品标题、价格、图片、描述、属性、SKU(库存量单位)库存、视频等。这些数据对于买家了解商品详情以及卖家管理商品都至关重要。
|
12天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
11天前
|
自然语言处理 前端开发 JavaScript
Javaweb之javascript的详细解析
通过明确JavaScript的定位,掌握其核心概念和相关技术栈,在实现交互丰富的Web应用时,JavaScript就能够发挥它不可替代的作用。随着前后端分离趋势的推进,JavaScript在现代 Web 开发中变得更加重要,不仅限于传统的 JavaWeb 应用,而是广泛应用于各种类型的前端项目。
9 0
|
30天前
|
机器人 API Python
智能对话机器人(通义版)会话接口API使用Quick Start
本文主要演示了如何使用python脚本快速调用智能对话机器人API接口,在参数获取的部分给出了具体的获取位置截图,这部分容易出错,第一次使用务必仔细参考接入参数获取的位置。

推荐镜像

更多