javascript - 在javascript中设置li标签下div标签的innerHTML

Question

我有下面的html，我想添加div标签的innerHTML。

<li id="liFlashDetectionMessage" class="width730 height30 divfloatleft marginleft15">
    <div id="divFlashDetectionMessage" class="divfloatleft marginleft5 width730">
    </div>
</li>

我已经写在下面，但它给出了 javascript 错误。

document.getElementById("divFlashDetectionMessage").innerHTML = "Oops, flash player is not installed on your browser.";

谁能帮忙解决一下吗？

Answer 1

在没有看到你的完整代码的情况下，我敢打赌你的代码会在 DOM 准备好之前运行。

由于浏览器从上到下解析您的代码并立即执行任何 JavaScript，如果您的 <script>标签放在实际的 <div> 之前您尝试在源中操作的元素，那么当您运行 document.getElementById() 时它将找不到匹配项因为在执行该代码段时，浏览器仍然不知道您在页面下方声明的标签。

尝试将脚本元素移动到页面底部，就在关闭之前</body>标签。

如果您不能/不想移动 JavaScript，那么您必须在 DOM 准备好后立即监听浏览器触发的 DOM-ready 事件，并在知道 DOM 时执行代码已准备就绪。