javascript - JavaScript innerHTML 函数问题

Question

不确定这是否很奇怪或者我只是很愚蠢，但我在 JavaScript innerHTML 中遇到了问题。好的，我的身体标签中有一个空的 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>

Answer 2

<div id="bla">

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