17-创建文本节点createTextNode
createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。
语法:
document.createTextNode(data)
参数:
data : 字符串值,可规定此节点的文本。
我们来创建一个<div>
元素并向其中添加一条消息,代码如下:
任务
在代码编辑器<script>
标签中,创建一个P
标签,设置className
属性,使用createTextNode
创建文本节点"I love JavaScript!"
。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
.message{
width:200px;
height:100px;
background-color:#CCC;}
</style>
</head>
<body>
<script type="text/javascript">
var body = document.body;
var p =document.createElement("p");
p.className = "test";
var text =document.createTextNode("I love java");
p.appendChild(text);
body.appendChild(p);
</script>
</body>
</html>