Question

当我尝试编写代码时 document.getElementById（'id1'）在脚本标记之后显示document.getElementById（..）null或不是对象.. 是否有必要仅在函数中编写document.getElementById（'id1'）。如果我在函数中编写此代码，那么它正在接受。那么这里的错误是什么.. 如果我想在页面加载时执行一个函数在哪里写onLoad（）函数..我试着写但它没有加载..请帮帮我谢谢

Answer 1

如果您希望在加载页面后运行脚本，可以使用window.onload。

<script>
window.onload = function () {
    //code goes here
}
.
.
.
</script>

Answer 2

为了确保您的dom元素已加载，您必须等待文档加载。

要做到这一点，你可以这样做：

<head>

    <script type="text/javascript">
        function foo(){
          var elem = document.getElementById("yourElem");
        //...
        }
    </script>
</head>
<body onload="foo()">...</body>

或

<head>

    <script type="text/javascript">
        function foo(){
         var elem = document.getElementById("yourElem");
        //...
        }

        window.onload = foo;
    </script>
</head>
<body>...</body>

Answer 3

将你的脚本放在你正在获得的元素下也可以。

<div id="ele"></div>
<script language="javascript">
    alert(document.getElementById('ele').tagName);
</script>
<div id="ele1"></div>

但除非你有特殊目的，否则在加载文档后编写处理程序是个好习惯，也就是说，将你的代码放在window.onload事件处理程序中。

javascript加载问题

3 个答案: