JS 解析html字符串(xmldom, jsdom)

最新推荐文章于 2024-05-11 14:34:52 发布

forward_huan

最新推荐文章于 2024-05-11 14:34:52 发布

阅读量2.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/forward_huan/article/details/107237968

版权

JavaScript 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

使用第三方库解析html字符串

xmldom

安装

npm install xmldom --save

代码示例

let DOMParser = require("xmldom").DOMParser;

function parseHtml() {
    var html = `<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
        </head>
        <body></body>
    </html>`;

    // Get Document Object
    var dom = new DOMParser().parseFromString(html, 'text/html');

    // Find the corresponding object through the document operation
    var titleElement = dom.getElementsByTagName("title");
    if (titleElement.length > 0) {
        console.log(titleElement[0].textContent);
    }
}

parseHtml();

Document

附录
文件类型—MIME类型

jsdom

安装

npm install jsdom --save

代码示例

let JSDOM = require('jsdom').JSDOM;

function parseHtml() {
    var html = `<!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>

    </body>

    </html>`;

    // Get Document Object
    var dom = new JSDOM(html).window.document;

    // Find the corresponding object through the document operation 
    var titleElement = dom.getElementsByTagName("title");
    if (titleElement.length > 0) {
        console.log(titleElement[0].textContent);
    }
}

parseHtml();

  Document

forward_huan

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS 解析html字符串(xmldom, jsdom)

使用第三方库解析html字符窜xmldom安装npm install xmldom --save代码示例let DOMParser = require("xmldom").DOMParser;function parseHtml() { var html = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
复制链接

扫一扫