javascript - 从网页读取div值

Question

我还没有真正找到任何关于这个的东西。我想从网站读取数据。在我的网页上，我可以使用

读取 div 的值

<div class="tools">hammer</div>

var divs = document.getElementsByTagName("div");
    for(var i=0; i<divs.length; i++ ) {
        if(divs[i].className == "tools") {
            alert(divs[i].innerHTML);
        }
    }

是否可以设置所需网页的 URL，以便此代码抓取该网页？我知道类名和 url。

根据@cereallarceny 的回答，我创建了这个代码块，但在运行脚本时我没有看到任何警告:

$.ajax({
type: 'get',
url: 'https://play.google.com/store/apps/details?id=com.viber.voip',
crossDomain: true, //Very important, ensures you can get data from a domain that isn't your own!
success: function() {
  var divs = document.getElementsByTagName("div");
    for(var i=0; i<divs.length; i++ ) {
        if(divs[i].className == "votes") {
            alert(divs[i].innerHTML);
        }
    }
}
});

Answer 1

如果您使用的是像 jQuery 这样的库，那么您可以简单地使用 load() 函数来获取网页代码(或者如果您附加 则获取网页的一部分) #myDiv 添加到 URL)。如果将其放入变量中，则可以处理该信息。如果您只是使用 Javascript，那么您需要考虑发出 AJAX 请求(load() 所做的)。您可以找到有关如何执行此操作的更多信息 located here .

有关load() 函数的更多信息，read jQuery's documentation .

请记住，jQuery 的 load() 函数用于将 HTML 加载到元素中。如果您想读取和操作该数据，那么您应该使用 ajax() function .这样您就可以执行以下操作:

$.ajax({
    type: 'get',
    url: 'http://www.google.com',
    crossDomain: true, //Very important, ensures you can get data from a domain that isn't your own!
    success: function(data) {
        $('#myDiv').html(data);

        //Now I can handle all the HTML from my URL from a <div> tag called #myDiv, the following will alert out the body of http://www.google.com
        alert($('#myDiv').find('body'));
    }
});

这实际上会向指定的 URL 发出 GET 请求，同时注意它与请求的来源(您的服务器)的域名不同，然后在函数中处理成功在变量 data 中返回的 HTML。您可以随心所欲地使用数据，因为它现在是您的变量，包括按您喜欢的方式解析该信息。