Question

我尝试使用gdocument.getElementById通过Javascript编辑html，但我总是遇到错误：Uncaught TypeError ---无法设置属性'innerHTML'为null

这是我非常简单的代码

<html>
    <head>  
        <title>External .js File- Page 3</title>
    </head>

    <body>

        <script language="JavaScript">
        document.getElementById("text").innerHTML = "Hi!";
        </script>

        <article id="text"></article>

    </body>
</html>

Answer 1

你试图在元素存在之前获取它。

移动脚本，使其显示在元素之后。

（或者将代码包装在函数中，然后将bind函数包装到像load这样的事件处理程序中。

Answer 2

尝试：

window.onload = function(){

     document.getElementById("text").innerHTML = "Hi!";

};

Answer 3

在元素存在之前执行脚本。 document.getElementById正在寻找'text'，但它还没有。您必须将脚本放在window onload事件中，如下所示：

window.onLoad = function () {
    document.getElementById('text').innerHTML = "Hi";
};

按ID获取元素----未捕获TypeError：无法设置null的属性“innerHTML”

3 个答案: