js之DOM操作(创建文本节点createTextNode)

创建文本节点createTextNode

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

语法:

document.createTextNode(data)

参数:

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


demo:

<!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 pEle = document.createElement("p");//创建元素节点p
 pEle.className = "message";//设置p标签的样式
 var textEle = document.createTextNode("我爱javascript");
 pEle.appendChild(textEle);//将文本追加到p中
 document.body.appendChild(pEle);//将p追加到body中
</script> 

</body>
</html>


猜你喜欢

转载自blog.csdn.net/u010359143/article/details/48630283