将 getElementById() 放在底部

Question

我有以下代码

<html>
<head>
    <script>
        document.getElementById("txt").innerHTML = "Hello";
    </script>

</head>
<body>

<div id="txt"></div>

</body>
</html>

当然，文本 "Hello" 不会显示，因为它在 div 之前。但是因为我用的是egl所以只能把js代码放在head上。

有什么办法可以解决这个问题吗？

Answer 1

您需要等待页面准备就绪，然后您的代码才能在页面中的标记上执行。例如，使用 window.onload 处理程序，如下例所示。有更好的方法可以做到这一点，例如 jQuery 方法，但这将作为您需要的示例。

<html>
<head>
    <script>
        window.onload = function ()
         {
              document.getElementById("txt").innerHTML = "Hello";
         }
    </script>

</head>
<body>

<div id="txt"></div>

</body>
</html>

将 getElementById() 放在底部

Put getElementById() at the bottom

javascript

egl