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

Question

我是 javascript 新手，我遇到的问题是，在构建 chrome 扩展时，我需要从网站中提取数据，比如说“www.abc.com”。我需要的数据都存在于所有具有 class="className" 的 div 中（比如说）。我怎样才能从那个特定的类中获取数据。

提前致谢。

Answer 1

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

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
}