代码之家 › 专栏 › 技术社区 › hrishi

从chrome扩展访问动态更新的DOM

google-chrome-extension javascript

hrishi · 技术社区 · 5 年前

我正在使用Chrome扩展从一个站点抓取数据。网站上有一个“加载更多”div,点击后加载接下来的30条记录。我使用下面的代码单击并加载数据:

setTimeout(function(){
  var activityTab = document.getElementsByClassName("loadMore")[0];
  activityTab.click();
}, 5000);

它加载接下来的30条记录并生成一个新的“load more”div,但是我不能点击这个新的动态加载的“load more”div。我如何在JavaScript的原始站点中访问动态生成的HTML?我只能在页面加载时访问原始站点的DOM中可用的数据。

0 回复 | 直到 5 年前

Lajos Arpad 5 年前

天真地说,这是一种实现你想要的方式:

function doSomething(startIndex, items) {
    for (let i = startIndex; i < items.length; i++) {
        //Crawl the data
    }
}

var selector = ".myfancystuff"; //This is just test data, change this selector to one which is more appropriate to your case
var items = document.querySelectorAll(selector);
var activityTab = document.getElementsByClassName("loadMore")[0];
activityTab.click();
setTimeout(function() {
    var newItems = document.querySelectorAll(selector);
    if (newItems.length > items.length) {
        doSomething(items.length, items = newItems);
        activityTab.click();
    }
}, 1000);

推荐文章

rozsazoltan · 直接从URL创建Manifest v3 URL重定向

1 年前

Skyyade · 如何在Chrome扩展程序中导入html2canvas

1 年前

Kwang Sing · 在chrome扩展中为请求添加前缀的正确设置是什么?

1 年前

DamilolaOwonibi · 我的background.js无法识别正在打开的选项卡

1 年前

ThePenguin · Chrome重复控制台条目

1 年前

SwiftyQA · 在随机持续时间内点击Chrome扩展的按钮

2 年前

J.C · 你是如何使用Chrome扩展程序在一个月内更改网站的CSS的?

2 年前

Teepeemm · Chrome扩展程序如何触发Angular文件上传

2 年前

OrionGL · 本应自动更新的范围输入在手动设置后停止更新

2 年前

Grasper · replaceAll函数禁用某些站点元素

2 年前