Die Methoden sind: 1. createElement(), Elementknoten erstellen; 2. createTextNode(), Textknoten erstellen; 3. createComment(), Kommentarknoten erstellen;
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
(1)document.createElement(tagName)
createElement() wird verwendet, um einen Elementknoten zu erstellen, also einen Knoten mit nodeType=1. Unter diesen ist tagName der Name des HTML-Tags und es wird ein Knotenobjekt zurückgegeben.
(2)document.createTextNode(text)
createTextNode() wird verwendet, um einen Textknoten zu erstellen, also einen Knoten mit nodeType=3. Unter diesen ist Text der Inhalt des Textknotens und es wird ein Knotenobjekt zurückgegeben.
(3)document.createComment(comment)
createComment() wird verwendet, um einen Kommentarknoten zu erstellen, also einen Knoten mit nodeType=8. Unter diesen ist der Kommentar der Inhalt des Kommentars und es wird ein Knotenobjekt zurückgegeben.
(4)document.createDocumentFragment);
createDocumentFragment() wird zum Erstellen von Dokumentfragmentknoten verwendet. Dokumentfragmentknoten sind eine Sammlung mehrerer DOM-Knoten, die verschiedene Knotentypen umfassen können, z. B. Elementknoten, Textknoten, Kommentarknoten usw. Der Dokumentfragmentknoten ist bei seiner Erstellung leer und es müssen ihm Knoten hinzugefügt werden.
Erstellen Sie beispielsweise das
wvarpp = document.createElement("div") //Der folgende Code wird zum Erstellen des
var node=document. createTextNode("Dies ist ein neuer Absatz.")//Füge einen Textknoten zum
pp.appendChild(node); //Füge einen Textknoten zum
element.appendChild(pp); //Zu vorhandenen Elementen hinzufügen
InsertBefore()-Methode verwenden: Neue Elemente an der Startposition hinzufügen
<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>[Empfohlenes Lernen:
Javascript-Tutorial für FortgeschritteneDas obige ist der detaillierte Inhalt vonWas ist die Methode zum Erstellen eines neuen Knotens in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
