主页 / 问题 / 1170725
Accepted
Sturmer
Asked:2020-08-26 19:12:44 +0000 UTC2020-08-26 19:12:44 +0000 UTC

如何通过 url 获取页面 DOM

  • 772

我正在尝试通过引用从 Crome 扩展中获取页面的 DOM 结构。我使用这段代码：

            var doc = document.body;
            fetch(order_data['skuhref']).then(function(response) { 
                response.text().then(function(text) {
                    doc.textContent = text;
                });
            });

这个变量 order_data['skuhref'] 包含 url。

该脚本将页面作为 html 文本返回。但是如何以 DOM 的形式获取页面，从而方便地访问必要的元素呢？

javascript

3 个回答

  1. Best Answer

    或者，您可以创建div一个元素并将innerHTML生成的 html 放入其中。

    
var doc = document.body;
fetch(order_data['skuhref']).then(function(response) { 
    response.text().then(function(text) {
        doc.textContent = text;

        let dom = document.createElement('div');
        dom.innerHTML = text;

        // теперь можно пользоваться селекторами как обычно
        console.log(dom.querySelector('h1'));
    });
});
    • 1

  2. 在 Grundy 的建议下，我这样做了：

    fetch(order_data['skuhref']).then(function(response) { 
            response.text().then(function(text) {               
                var parser = new DOMParser(); 
                var sku_document = parser.parseFromString(text, "text/html");   
                ........                    
            });
        });

    简单、美观、有效！

    • 1

  3. 如果我们谈论的是浏览器，那么浏览器已经有一个 DOM：

    const dom = window.document;
    • 0

相关问题