使用javascript从具有相同名称的所有类中获取数据

时间:2013-09-13 20:51:19

标签: javascript google-chrome google-chrome-extension

我是javascript的新手,我遇到的问题是,在构建chrome扩展时,我需要从网站提取数据,让我们说“www.abc.com”。我需要的数据都出现在所有div中,并且class =“className”(比方说)。如何从该特定类中获取数据。

提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以在内容脚本中使用以下代码:

var request = function(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            // xhr.responseText contains the raw html of the page
        } else if(xhr.readyState == 4) {
            // handler the error
        }
    }
    xhr.send(null);
}
request("http://abc.com");

获得页面的原始html后,您可以使用jQuery来获取所需的div及其内容:

var page = $(xhr.responseText);
var divs = page.find(".className");
for(var i=0; i<divs.length; i++) {
   var data = divs.eq(i).html();
   // do something with the data
}