JavaScript insideHTML 函数问题

Question

不确定这是否很奇怪或者只是我很愚蠢，但我在 JavaScript innerHTML 中遇到了问题。好的，我的 body 标签中有一个空的 DIV。我想要的是在其中写一个无序列表。所以，我做了这个:

<script>
var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
</script>

<div id="bla">

</div>

嗯，DIV 中没有出现任何内容..:(

Answer 1

找不到 id='bla'，因为您在 id 之上编写脚本并且未使用任何函数

这样改

<div id="bla">

</div>

<script>
var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
</script>

或

<script>
window.onload=function(){var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
 };
</script>

<div id="bla">

</div>