“document.write”在设置超时后清除页面的问题

Question

我正在尝试在我的网站上显示UL(IL(元素的数量(有延迟(。

这是我使用的功能(列出编号.js(;

setTimeout(function() { 
document.write($("#myUL li").length);
}, 5000);

该 HTML：

<i class="fas fa-archive"></i> <a href="listed.html"> Listed :</a> <b><script type="text/javascript" src="./js/listednumber.js"></script></b>

当计时器变为 0 时，它会执行并显示正确的数字，但是，该数字将显示在新的空白网页上，而不是当前网页上。当我通常在没有计时器的情况下使用document.write时，该数字不会显示在新网页上，而是显示在当前网页上。

我想在当前网页上显示编号。我该如何解决这个问题？

Answer 1

document.write document.wrong 。请使用更现代且不易做混乱事情的东西。此函数尝试写入当前文档。如果文档已被处理，则文档将替换为带有您的参数的空白文档。你不想要那个;请改用正确的 DOM 方法。

选择要在其中插入文本的<b>元素：

<b id="liCount"></b>

上市编号.js：

setTimeout(function() {
  $('#liCount').text($("#myUL li").length)
}, 5000);