Heim > Artikel > Web-Frontend > Was ist die Methode zum Erstellen eines neuen Knotens in Javascript?
Was ist die Methode zum Erstellen eines neuen Knotens in Javascript?
- 醉折花枝作酒筹Original
- 2021-07-16 11:08:264541Durchsuche
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 dc6dce4a544fdca2df29d5ac0ea9906b-Tag wie folgt:
wvarpp = document.createElement("div") //Der folgende Code wird zum Erstellen des dc6dce4a544fdca2df29d5ac0ea9906b-Elements verwendet:
var node=document. createTextNode("Dies ist ein neuer Absatz.")//Füge einen Textknoten zum dc6dce4a544fdca2df29d5ac0ea9906b-Element hinzu:
pp.appendChild(node); //Füge einen Textknoten zum dc6dce4a544fdca2df29d5ac0ea9906b-Element hinzu element=document.getElementById( "div1"); //Fügen Sie abschließend das p-Element zu einem vorhandenen Element hinzu. Vorhandene Elemente finden:
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!