这段代码哪里错了我按课程代码换个名称而已

来源:9-17 创建文本节点createTextNode

幻灭丶

2016-07-10 10:41

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.message{width:100px;height:200px;background: red;}
		</style>
		<script>
			var odiv=document.createElement("div");
			odiv.className="message";
			var otxt=document.createTextNode("hellow world");
			odiv.appendChild(otxt);
			document.body.appendChild(odiv);
		</script>
	
	<body>
		
	</body>
</html>

浏览器一顿报错 document.body.appendChild(odiv);   is null 怎么就为空了

写回答 关注

1回答

  • 慕粉3591791
    2016-07-10 14:41:19
    已采纳

    代码没有错。只是调用js的时候body还没有加载,所以就报你这个错误了。所以把script部分移到body之后就可以正确执行。

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

469424 学习 · 22585 问题

查看课程

相似问题