创建DOM新节点

iteye_5722

于 2017-03-03 19:13:14 发布

阅读量272

点赞数

分类专栏： JavaScript 文章标签： DOM 节点

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

一介绍

创建新的节点先通过使用文档对象中的createElement()方法和createTextNode()方法，生成一个新元素并生成文本节点，然后通过使用appendChild()方法将创建的新节点添加到当前节点的末尾处。

appendChild()方法将新的子节点添加到当前节点的末尾。

obj.appendChild（newChild）

newChild：表示新的子节点。

二应用

创建新的节点，本示例在页面加载后自动显示“创建新节点”文本内容，并通过使用<b>标记将该文本加粗。

三代码

<body οnlοad="createChild()" >
<script language="javascript">
 <!--
 function createChild()
 {
	 var b=document.createElement("b");
	 var txt=document.createTextNode("创建新节点！");
	 b.appendChild(txt);
	 document.body.appendChild(b);
 }
 -->
</script>
</body>

四运行结果

创建新节点！