为什么我的JavaScript中的document.body为null?

约翰·霍夫曼:

这是我的简短HTML文档。

为什么Chrome控制台注意到此错误:

“未捕获的TypeError:无法调用方法的'appendChild' null?”?

<html>
<head>
    <title>Javascript Tests</title>

    <script type="text/javascript">

        var mySpan = document.createElement("span");
        mySpan.innerHTML = "This is my span!";

        mySpan.style.color = "red";
        document.body.appendChild(mySpan);

        alert("Why does the span change after this alert? Not before?");

    </script>
</head>
<body>

</body>
</html>
塞尔吉奥·图伦采夫(Sergio Tulentsev):

目前尚未定义主体。通常,您需要在执行使用这些元素的javascript之前创建所有元素。在这种情况下,您在head使用中的部分中有一些JavaScript body不酷

你想在一个包装这个代码window.onload处理程序或将其放置<body>标签(如提到的e-bacho 2.0)。

<head>
    <title>Javascript Tests</title>

    <script type="text/javascript">
      window.onload = function() {
        var mySpan = document.createElement("span");
        mySpan.innerHTML = "This is my span!";

        mySpan.style.color = "red";
        document.body.appendChild(mySpan);

        alert("Why does the span change after this alert? Not before?");
      }

    </script>
</head>

参见演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我的 readyState 逻辑中的 document.body 为 null?

为什么response.body()为null?

document.body评估为null

为什么JavaScript中的“” == [null]为true?

为什么我的类型在 React 和 TypeScript 中为 null?

为什么我的指令中的ctrl为null?

为什么我的getApplicationcontext()为null?

为什么我的嵌套CustomerViewModel为null?

为什么我的nsmutuablearray仍然为null?

为什么我的loginService为null?

为什么我的CyclicBarrier为null?

为什么我的JavaScript函数返回null?

Javascript onload无法正常工作(“未捕获的TypeError:无法将属性'document.body'设置为null”)

为什么ViewPager方法中为null?

在构造 DOM 之前 javascript 附加到 DOM(head 和 body 为 null)

为什么即使在loadContent(...)之后Document也为null?-(WebView JavaFx)

为什么不能将window或document设置为undefined或null?

为什么在python中为我工作?

为什么在我的onClick()方法中我的自定义适配器为NULL?

为什么在MySQL中为null <> null = null

为什么nodejs express post请求中的“body”为空?

为什么我的ID为ID的容器在Document.ready匿名函数中没有从蓝色更改为红色

为什么在JavaScript中null + null = 0

为什么request.body为空?

在Asp.Net MVC中,为什么我的代码中ApplicationUser始终为null

为什么我的长十进制数在JavaScript中显示为“ NaN”

为什么在JavaScript中“〜undefined”为-1?

为什么{} == {}在JavaScript中为假

为什么 Boolean([]) 在 JavaScript 中为真?