Javascript DOM错误创建节点

时间:2015-03-12 11:46:27

标签: javascript

首先抱歉我的英语,我来自西班牙。 我是新工作的Javascript,问题是,当我尝试使用Javascript创建节点时,它不会运行。

用萤火虫检查我发现" document.body is null"即使我已经指定了。

我促成了失败的代码片段:

// Crear nodo de tipo Element
var parrafo = document.createElement("p");
// Crear nodo de tipo Text
var contenido = document.createTextNode("Hola Mundo!");
// Añadir el nodo Text como hijo del nodo Element
parrafo.appendChild(contenido);
alert(document.body)
// Añadir el nodo Element como hijo de la pagina
document.body.appendChild(parrafo);

1 个答案:

答案 0 :(得分:1)

如果您在head元素中有该脚本,它将在document.body存在之前运行。而是将其移至文件的末尾,就在结束</body>标记之前。

以下示例显示document.bodynull代码在解析开始<body>标记之前运行的代码:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>No Body</title>
<script>
alert(document.body === null); // true
</script>
</head>
<body>
<script>
alert(document.body === null); // false
</script>
</body>
</html>