JS DOM对象 创建文本节点 createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode("data")

创建文本节点createTextNode

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

语法:

document.createTextNode(data)

参数:

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

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

JS DOM对象 创建文本节点 createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode("data")_第1张图片

运行结果:

JS DOM对象 创建文本节点 createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode("data")_第2张图片

 

任务

在代码编辑器<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 element = document.createElement("p");
    element.className = "message";
    var textNode = document.createTextNode("I love JavaScript!");
    element.appendChild(textNode);
    document.body.appendChild(element);
</script> 

</body>
</html>




你可能感兴趣的:(JavaScript,dom,对象,web前端)