创建文本节点createTextNode，JavaScript进阶篇教程-慕课网

9-17 创建文本节点createTextNode

本节编程练习不计算学习进度，请电脑登录imooc.com操作

创建文本节点createTextNode

createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。

语法：

document.createTextNode(data)

参数：

data : 字符串值，可规定此节点的文本。

我们来创建一个<div>元素并向其中添加一条消息，代码如下：

运行结果:

任务

在代码编辑器<script>标签中，创建一个P标签，设置className属性，使用createTextNode创建文本节点"I love JavaScript!"。

index.html

<!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">
 
 
 
</script> 
 
</body>
</html>