Javascript：无限滚动后更新文档

Question

在无限滚动页面上，document元素不反映追加到页面底部的新内容。

console.log(document.body.innnerHTML); // prints the document on initial page load
var scrollingElement = (document.scrollingElement || document.body);
    scrollingElement.scrollTop = scrollingElement.scrollHeight;
console.log(document.body.innnerHTML); // does not print document with new content

PS：

可在https://news.google.com/上测试

Answer 1

我在这里有几点说明，为什么您的调查可能是错误的，而不是其结果：

1. innerHTML中有错别字（n太多）

2. [您可能只是看不见已在代码中更改的部分，但是它在那里。如果您这样做：

   const x = document.body.innerHTML;
   document.scrollingElement.scrollTop = document.scrollingElement.scrollHeight;
   console.log(x == document.body.innerHTML);
   

   您可以看到这是false

3. https://news.google.com/似乎不是无限滚动的。至少不是我怎么使用它。无论如何，2.会有所不同

Answer 2

没有innnerHTML，只有innerHTML。