Web-Frontend
js-Tutorial
Ausführliche Erklärung zum Erstellen, Verwenden und Löschen von Dom-Knoteninstanzen in JavaScript
Ausführliche Erklärung zum Erstellen, Verwenden und Löschen von Dom-Knoteninstanzen in JavaScript
Knoten erstellen
Um einen neuen Knoten zu erstellen, können Sie createElement und createTextNode verwenden. Wenn die neue Erstellung abgeschlossen ist, können Sie appendChild() zum Hinzufügen verwenden der Knoten zum DOM-Baum.
Erstellen Sie ein Element P und legen Sie das innerHTML-Attribut fest
var myp = document.createElement('p'); myp.innerHTML = 'yet another';
Nachdem das Element P erstellt wurde, können Sie unter ändern und Attribute hinzufügen will
myp.style.border = '2px dotted blue'
Als nächstes können Sie appendChild verwenden, um neue Knoten zum DOM-Baum hinzuzufügen.
document.body.appendChild(myp)
So verwenden Sie DOM
Die Verwendung der innerHTML-Methode ist in der Tat sehr einfach. Wir können die reine Dom-Methode verwenden, um die obige Funktion zu erreichen .
Erstellen Sie einen neuen Textknoten (noch einen weiteren)
Erstellen Sie einen neuen Absatz
Platzieren der Textknoten Zum Absatz hinzufügen.
Fügen Sie den Absatz zum Textkörper hinzu
// 创建p var myp = document.createElement('p'); // 创建一个文本节点 var myt = document.createTextNode('one more paragraph') myp.appendChild(myt); // 创建一个STRONG元素 var str = document.createElement('strong'); str.appendChild(document.createTextNode('bold')); // 把STRONG元素添加到P中 myp.appendChild(str); // 把P元素添加到BODY中 document.body.appendChild(myp); //结果<p>one more paragraph<strong>bold</strong></p> cloneNode()
Eine andere Möglichkeit, einen neuen Knoten zu erstellen, ist , können wir cloneNode verwenden, um einen Knoten zu kopieren. cloneNode() kann einen booleschen Parameter übergeben. Wenn „true“, bedeutet dies eine tiefe Kopie, einschließlich ihrer untergeordneten Knoten, wenn „false“, kopiert es nur sich selbst.
Besorgen Sie sich zunächst das zu kopierende Element.
var el = document.getElementsByTagName('p')[1];//<p><em>second</em> paragraph</p>
Noch ist kein tiefes Kopieren erforderlich.
document.body.appendChild(el.cloneNode(false))
Wir haben festgestellt, dass sich die Seite nicht geändert hat, da nur das Element p kopiert wurde. Derselbe Effekt wie unten.
document.body.appendChild(document.createElement('p'));
Wenn Sie Deep Copy verwenden, werden alle untergeordneten Knoten einschließlich p unten kopiert. Natürlich inklusive Textknoten und EM-Elementen.
document.body.appendChild(el.cloneNode(true))
insertBefore()
Verwenden Sie appendChild, um das Element am Ende hinzuzufügen. Die insertBefore-Methode kann die Position eingefügter Elemente genauer steuern.
elementNode.insertBefore(new_node,existing_node)
Instanz
document.body.insertBefore( document.createTextNode('boo!'), document.body.firstChild );
bedeutet, einen neuen Textknoten zu erstellen und ihn als Textkörper zu verwenden Element erster Knoten.
Knoten entfernen
Um einen Knoten aus dem DOM-Baum zu löschen, können wir einen Blick auf den HTML-Code werfen, um
<body> <p class="opener">first paragraph</p> <p><em>second</em> paragraph</p> <p id="closer">final</p> <!-- and that's about it --> </body>
var myp = document.getElementsByTagName('p')[1]; var removed = document.body.removeChild(myp);
Wir können auch die Methode replaceChild() verwenden. Diese Methode löscht einen Knoten und ersetzt ihn durch einen anderen Knoten. Nach der Durchführung des letzten Knotenlöschvorgangs sind die Ergebnisse wie folgt:
<body> <p class="opener">first paragraph</p> <p id="closer">final</p> <!-- and that's about it --> </body>
var replaced = document.body.replaceChild(removed, p);
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Erstellen, Verwenden und Löschen von Dom-Knoteninstanzen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
So löschen Sie Xiaohongshu-Notizen
Mar 21, 2024 pm 08:12 PM
Wie lösche ich Xiaohongshu-Notizen? Die meisten Benutzer wissen nicht, wie man Xiaohongshu-Notizen löscht. Als nächstes bringt der Editor den Benutzern Bilder und Texte zum Löschen von Xiaohongshu-Notizen ein Blick! Tutorial zur Verwendung von Xiaohongshu So löschen Sie Xiaohongshu-Notizen 1. Öffnen Sie zunächst die Xiaohongshu-App und rufen Sie die Hauptseite auf. Wählen Sie in der unteren rechten Ecke [Ich] aus, um den speziellen Bereich aufzurufen. 2. Klicken Sie dann im Bereich „Mein“ auf die Notizseite als Wählen Sie wie unten gezeigt die Notiz aus, die Sie löschen möchten. 3. Rufen Sie die Notizseite auf und klicken Sie auf [drei Punkte] in der oberen rechten Ecke. 4. Schließlich wird die Funktionsleiste unten erweitert. Klicken Sie zum Abschluss auf [Löschen].
Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können?
Apr 08, 2024 am 11:41 AM
1. Zunächst einmal ist es falsch, jemanden dauerhaft zu blockieren und zu löschen und ihn nicht dauerhaft hinzuzufügen. Wenn Sie die andere Partei hinzufügen möchten, nachdem Sie sie blockiert und gelöscht haben, benötigen Sie lediglich die Zustimmung der anderen Partei. 2. Wenn ein Benutzer jemanden blockiert, kann die andere Partei keine Nachrichten an den Benutzer senden, den Freundeskreis des Benutzers anzeigen oder mit dem Benutzer telefonieren. 3. Das Blockieren bedeutet nicht, dass die andere Partei aus der WeChat-Kontaktliste des Benutzers gelöscht wird. 4. Wenn der Benutzer den anderen Teilnehmer aus der WeChat-Kontaktliste des Benutzers löscht, nachdem er ihn blockiert hat, gibt es nach dem Löschen keine Möglichkeit, ihn wiederherzustellen. 5. Wenn der Benutzer die andere Partei erneut als Freund hinzufügen möchte, muss die andere Partei zustimmen und den Benutzer erneut hinzufügen.
Welcher Ordner wird gefunden.000? Kann der Ordner „found.000' gelöscht werden?
Mar 13, 2024 pm 08:52 PM
Bei der täglichen Nutzung des Computers erhalten Sie möglicherweise die Fehlermeldung, dass die Datei „found.000“ verloren gegangen und beschädigt ist. In welchem Ordner befindet sich diese Datei „found.000“? Kann es gelöscht werden, wenn es nicht mehr nützlich ist? Da so viele Leute diese Datei nicht kennen, möchte ich Ihnen den Ordner „found.000“ im Detail erläutern. 1. Was ist der Ordner „found.000“, den Sie finden können, wenn der Computer aufgrund eines illegalen Herunterfahrens teilweise oder vollständig verloren geht? den speziellen Ordner mit dem Namen „found.000“ und die darin enthaltenen Dateien mit der Erweiterung „.chk“ im angegebenen Verzeichnis in der Systempartition. Dieses „fo
Wie lösche ich Xiaohongshu-Veröffentlichungen? Wie kann ich nach dem Löschen wiederherstellen?
Mar 21, 2024 pm 05:10 PM
Als beliebte soziale E-Commerce-Plattform hat Xiaohongshu eine große Anzahl von Nutzern angezogen, die ihr tägliches Leben und ihre Einkaufserlebnisse teilen. Manchmal veröffentlichen wir versehentlich unangemessene Inhalte, die rechtzeitig gelöscht werden müssen, um unser persönliches Image besser zu wahren oder die Plattformvorschriften einzuhalten. 1. Wie lösche ich Xiaohongshu-Veröffentlichungen? 1. Melden Sie sich bei Ihrem Xiaohongshu-Konto an und geben Sie Ihre persönliche Homepage ein. 2. Suchen Sie unten auf der persönlichen Homepage die Option „Meine Kreationen“ und klicken Sie zur Eingabe. 3. Auf der Seite „Meine Kreationen“ können Sie alle veröffentlichten Inhalte sehen, einschließlich Notizen, Videos usw. 4. Suchen Sie den Inhalt, der gelöscht werden muss, und klicken Sie rechts auf die Schaltfläche „…“. 5. Wählen Sie im Popup-Menü die Option „Löschen“. 6. Nach Bestätigung des Löschvorgangs verschwinden die Inhalte von Ihrer persönlichen Homepage und öffentlichen Seite.
Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden?
Mar 15, 2024 am 09:49 AM
Vor kurzem haben viele Internetnutzer den Herausgeber gefragt: Was ist die Datei hiberfil.sys? Kann hiberfil.sys viel Speicherplatz auf Laufwerk C beanspruchen und gelöscht werden? Der Editor kann Ihnen mitteilen, dass die Datei hiberfil.sys gelöscht werden kann. Werfen wir einen Blick auf die Details unten. hiberfil.sys ist eine versteckte Datei im Windows-System und auch eine System-Ruhezustandsdatei. Es wird normalerweise im Stammverzeichnis des Laufwerks C gespeichert und seine Größe entspricht der Größe des installierten Speichers des Systems. Diese Datei wird verwendet, wenn sich der Computer im Ruhezustand befindet, und enthält die Speicherdaten des aktuellen Systems, damit dieser bei der Wiederherstellung schnell wieder in den vorherigen Zustand versetzt werden kann. Da seine Größe der Speicherkapazität entspricht, nimmt er möglicherweise mehr Festplattenspeicher ein. hiber
So löschen Sie den WeChat File Transfer Assistant vollständig._Einführung zum Schließen des WeChat File Transfer Assistant
Mar 20, 2024 pm 08:31 PM
Der Dateiübertragungsassistent von WeChat steht jedem Benutzer zur Verfügung. Einige Benutzer verwenden ihn als Notiz, um einige Dinge aufzuzeichnen. Wie kann man den WeChat File Transfer Assistant vollständig löschen? Lassen Sie mich es Ihnen im Folgenden ausführlich vorstellen. Wie lösche ich den WeChat File Transfer Assistant vollständig? Antwort: [WeChat]-[File Transfer Assistant lange drücken]-[Diesen Chat löschen]. Spezifische Schritte: 1. Öffnen Sie zuerst die WeChat-Software. Nachdem Sie die Startseite aufgerufen haben, suchen Sie nach [Dateiübertragungsassistent] und halten Sie gedrückt. 2. Dann wird ein Popup als ungelesen markiert. Den Chat oben anheften Zeigen Sie den Chat an und löschen Sie ihn. Hier können Sie auf [Diesen Chat löschen] klicken.
So löschen Sie den TikTok-Chatverlauf vollständig
May 07, 2024 am 11:14 AM
1. Öffnen Sie die Douyin-App, klicken Sie unten in der Benutzeroberfläche auf [Nachricht] und dann auf den Chat-Konversationseintrag, der gelöscht werden muss. 2. Drücken Sie lange auf einen beliebigen Chat-Datensatz, klicken Sie auf [Mehrfachauswahl] und markieren Sie die Chat-Datensätze, die Sie löschen möchten. 3. Klicken Sie auf die Schaltfläche [Löschen] in der unteren rechten Ecke und wählen Sie im Popup-Fenster [Löschen bestätigen] aus, um diese Datensätze dauerhaft zu löschen.
Wie sende ich Dateien an andere auf TikTok? Wie lösche ich an andere gesendete Dateien?
Mar 22, 2024 am 08:30 AM
Auf Douyin können Benutzer nicht nur ihre Lebensdetails und Talente teilen, sondern auch mit anderen Benutzern interagieren. In diesem Prozess müssen wir manchmal Dateien wie Bilder, Videos usw. an andere Benutzer senden. Wie kann man also auf Douyin Dateien an andere senden? 1. Wie kann ich auf Douyin Dateien an andere senden? 1. Öffnen Sie Douyin und rufen Sie die Chat-Oberfläche auf, an die Sie Dateien senden möchten. 2. Klicken Sie in der Chat-Oberfläche auf das „+“-Zeichen und wählen Sie „Datei“. 3. In den Dateioptionen können Sie auswählen, ob Sie Bilder, Videos, Audiodateien und andere Dateien senden möchten. Nachdem Sie die Datei ausgewählt haben, die Sie senden möchten, klicken Sie auf „Senden“. 4. Warten Sie, bis die andere Partei Ihre Datei akzeptiert. Sobald die andere Partei sie akzeptiert, wird die Datei erfolgreich übertragen. 2. Wie lösche ich Dateien, die auf Douyin an andere gesendet wurden? 1. Öffnen Sie Douyin und geben Sie den von Ihnen gesendeten Text ein.
