将getElementById()放在底部

时间:2015-02-05 16:50:50

标签: javascript egl

我有以下代码

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

</head>
<body>

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

</body>
</html>

当然还有文字&#34;你好&#34;没有显示,因为它在div之前。但是因为我使用egl我只能将js代码放在头上。

有什么方法可以解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

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

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

</head>
<body>

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

</body>
</html>