我在body标签里加了div，然后把元素插入到div里怎么就没有结果？？？

源自：9-17 创建文本节点createTextNode

我在body标签里加了div，然后把元素插入到div里怎么就没有结果？？？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

.message{
    border:8px;
    width:200px;
    height:100px;
   background-color:yellow;}

</style>
</head>
<body>
<div>
</div>
<script type="text/javascript">
var yuanshu=document.createElement("p");
yuanshu.className="message";
var wenzhi=document.createTextNode("i love coding");
yuanshu.appendChild(wenzhi);
document.div.appendChild(yuanshu);
</script>
</body>
</html>

提问者：Hitaofighting 2016-07-31 20:27

个回答

窜天吼猴

2016-08-11 08:57:48

你这么写是把P默认加到body下了吧，要么把document.div.appenChild改成document.body.appendChild
要么把P标签插入到div里，

0
茶叶蛋大王

2016-07-31 22:09:31

给div元素加个id,用document.getElementById(id名).appendChild()方法添加元素试试

1