Question

我从页面中获取div的属性，该页面在滚动到页面底部时动态加载元素。最初页面上有10个div，在滚动时，每次动态加载10个新div。页面。

我的脚本如下所示：

var arr = document.getElementsByTagName('html')[0].innerHTML.match(/data-username="([^"]*")/gm); // I want the value from the attribute data-username
alert(arr.length); // size is 10

window.scrollTo(0, document.body.scrollHeight); // scroll to bottom to load 10 divs dynamically
arr = document.getElementsByTagName('html')[0].innerHTML.match(/data-username="([^"]*")/gm);

alert(arr.length); // size is still 10 but should be 20

为什么数组大小仍为10？我怎样才能获得所有20个div并遍历它们？我看了一下HTML源代码，问题是动态加载的div不在那里......我怎么能得到动态加载的元素？

Answer 1

我假设您正在进行ajax调用以获取其他数据，您应该等待这些元素在DOM中使用（一旦完成），然后再使用它们。使用jQuery非常容易（因为你将它作为标记）

动态加载的元素不在HTML源代码中

1 个答案: