1 .
步骤:
- 先获取div
- 创建文本节点
- 追加,使用 获取的元素名称.appendChild(文本节点);
2 .
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="width: 300px;height: 300px; background-color: red;"></div>
<script>
/*给div动态添加内容*/
var div01= document.getElementsByTagName("div")[0];
/* 文档document调用createTextNode()创建文本结点*/
var textNode1 = document.createTextNode("大家看看谁在睡觉?");
//追加
div01.appendChild(textNode1);
alert("===="+ document.getElementById("div01"));
</script>
</body>
</html>