在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时执行代码准备就绪。