javascript创建新节点方法是什么-tutorial js-php.cn

方法是：1、createElement()，创建元素节点；2、createTextNode()，创建文本节点；3、createComment()，创建注释节点；4、createDocumentFragment()，创建文档碎片节点。

javascript创建新节点方法是什么

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

(1)document.createElement(tagName)

createElement()用来创建一个元素节点 ,即nodeType=1的节点。其中, tagName为HTML标签的名称,并将返回一个节点对象。

(2)document.createTextNode(text)

createTextNode()用来创建一个文本节点,即nodeType=3的节点。其中, text为文本节点的内容,并将返回一个节点对象。

(3)document.createComment(comment)

createComment()用来创建一个注释节点 ,即nodeType=8的节点。其中, comment为注释的内容,并将返回-个节点对象。

(4)document.createDocumentFragment);

createDocumentFragment() 用来创建文档碎片节点。文档碎片节点是若干DOM节点的集合,可以包括各种类型的节点,如元素节点文本节点注释节点等。文档碎片节点在创建之初是空的,需要向它添加节点。

例如，创建

标签如下:

wvarpp = document.createElement("div") //以下代码是用于创建

元素:

var node=document.createTextNode("这是新段落。")//为

元素添加文本节点:

pp.appendChild(node); //将文本节点添加到

元愫中:

var element=document.getElementById("div1"); //最后,在-一个已存在的元素中添加p元素。查找已存在的元素:

element.appendChild(pp); //添加到已存在的元素中

使用insertBefore()方法:将新元素添加到开始位置

<body>
<div id="div1">
<p id="p1">这是一个段落。 </p>
<pid="p2">这是另外一个段落。</p>
</div>
<script>
var pp = document.createElement("div") //以下代码是用于创建<div>元愫
var node=document.createTextNode("这是新段落。")://为 <div>元素添加文本节点
pp.appendChild(node); //将文本节点添加到<div>元素中
var element=document.getElementById("div1"); //最后,在-一个已存在的元素中添加div元素。查找已存在的元素:
element.appendChild(pp); //添加到已存在的元素中:
</script>
</body>

Salin selepas log masuk

【推荐学习：javascript高级教程】

Atas ialah kandungan terperinci javascript创建新节点方法是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

javascript

sumber：php.cn

Artikel sebelumnya：javascript如何删除和添加元素 Artikel seterusnya：javascript加入网页有几种方法

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang