Heim Web-Frontend js-Tutorial js durchläuft untergeordnete Knoten, untergeordnete Elementanhänge und Methoden_Javascript-Fähigkeiten

js durchläuft untergeordnete Knoten, untergeordnete Elementanhänge und Methoden_Javascript-Fähigkeiten

May 16, 2016 pm 04:39 PM
untergeordnetes Element 遍历

Code kopieren Der Code lautet wie folgt:

// Alle untergeordneten Knoten löschen, bevor untergeordnete Knoten hinzugefügt werden

var usernameEle = document.getElementById("username");
var children = usernameEle.childNodes; for(var i = children.length - 1; i >= 0; i--) {
usernameEle.removeChild(childs[i]); }
var username = document.createTextNode(obj.username);
usernameEle.appendChild(username);


Eigenschaften:

nextSibling gibt den nächsten Geschwisterknoten des aktuellen Knotens zurück (schreibgeschützt)

previousSibling gibt den vorherigen Geschwisterknoten dieses Knotens zurück (schreibgeschützt)

parentNode gibt den übergeordneten Knoten zurück (schreibgeschützt)
childNodes speichert die Liste der untergeordneten Knoten des Knotens (schreibgeschützt)
nodeValue gibt den Text des Knotens zurück (lesbar und beschreibbar)
Text gibt den Textinhalt dieses Knotens und seiner Nachkommen (lesbar und beschreibbar)
zurück nodeName gibt den Namen des Knotens zurück (schreibgeschützt)

Attribute speichert die Attributliste des Knotens (schreibgeschützt)

dataType gibt den Datentyp dieses Knotens zurück

Definition Die Definition des Knotens im DTD- oder XML-Modus (schreibgeschützt)
Doctype gibt den Dokumenttypknoten an (schreibgeschützt)
documentElement gibt das Stammelement des Dokuments zurück (lesbar und beschreibbar)
firstChild gibt den ersten untergeordneten Knoten des aktuellen Knotens zurück (schreibgeschützt)
Die Implementierung gibt das XMLDOMImplementation-Objekt
zurück lastChild gibt den letzten untergeordneten Knoten des aktuellen Knotens zurück (schreibgeschützt)
nodeType gibt den Typ des Knotens zurück (schreibgeschützt)
nodeTypedValue speichert den Knotenwert (lesbar und beschreibbar)
ownerDocument gibt das Stammdokument zurück, das diesen Knoten enthält (schreibgeschützt)
Parsed gibt zurück, ob dieser Knoten und seine untergeordneten Knoten analysiert wurden (schreibgeschützt)
Präfix gibt das Namespace-Präfix zurück (schreibgeschützt)
„preserveWhiteSpace“ gibt an, ob Leerzeichen (lesbar und beschreibbar) beibehalten werden sollen
url gibt die URL des zuletzt geladenen XML-Dokuments zurück (schreibgeschützt)
XML gibt eine XML-Darstellung des Knotens und seiner Nachkommen zurück (schreibgeschützt)

Methode:

getElementsByTagName gibt eine Sammlung von Elementen mit dem angegebenen Namen zurück

appendChild fügt dem aktuellen Knoten einen neuen untergeordneten Knoten hinzu und platziert ihn nach dem letzten untergeordneten Knoten

createElement erstellt einen Elementknoten
createTextNode erstellt einen Textknoten, der die angegebenen Daten enthält
RemoveChild entfernt den angegebenen untergeordneten Knoten aus der untergeordneten Knotenliste
hasChildNodes gibt zurück, ob der aktuelle Knoten untergeordnete Knoten hat

cloneNode gibt eine Kopie des aktuellen Knotens zurück

createAttribute erstellt ein neues Attribut

createCDATASection erstellt einen CDATA-Abschnitt mit den angegebenen Daten
createComment erstellt einen Kommentarknoten
createDocumentFragment erstellt ein DocumentFragment-Objekt
createEntityReference erstellt ein EntityReference-Objekt
createNode erstellt einen Knoten des angegebenen Typs, Namens und Namensraums
createPorcessingInstruction erstellt einen Operationsanweisungsknoten
insertBefore fügt einen untergeordneten Knoten vor dem angegebenen Knoten
ein Laden importiert das XML-Dokument am angegebenen Speicherort
LoadXML importiert das XML-Dokument der angegebenen Zeichenfolge
replaceChild Ersetzt den angegebenen untergeordneten Knoten aus der untergeordneten Knotenliste
Speichern Speichern Sie die XML-Datei im angegebenen Knoten
selectNodes führt den angegebenen Abgleich für Knoten durch und gibt eine Liste übereinstimmender Knoten zurück
selectSingleNode führt einen angegebenen Match für den Knoten durch und gibt den ersten passenden Knoten
zurück transformNode transformiert den Knoten und seine Nachkommen mithilfe des angegebenen Stylesheets
transformNodeToObject wandelt einen Knoten und seine Nachkommen mithilfe des angegebenen Stylesheets
in Objekte um

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie entferne ich das letzte untergeordnete Element in jQuery? Wie entferne ich das letzte untergeordnete Element in jQuery? Feb 19, 2024 pm 09:40 PM

jQuery ist eine beliebte JavaScript-Bibliothek, die zur Vereinfachung vieler Aufgaben in der Webentwicklung, einschließlich der DOM-Manipulation, verwendet wird. In der Webentwicklung ist es häufig erforderlich, DOM-Elemente hinzuzufügen, zu löschen, zu ändern und zu überprüfen, und auch das Löschen des letzten Unterelements ist eine häufige Anforderung. In diesem Artikel werden verschiedene Methoden zum Löschen des letzten untergeordneten Elements mithilfe von jQuery vorgestellt. Methode 1: Verwenden Sie die last()-Methode. jQuery stellt die last()-Methode bereit, mit der das letzte Element des aktuellen Abfrageergebnisses ausgewählt werden kann. Indem man dies kombiniert

Verstehen Sie den Event-Bubbling-Mechanismus: Warum wirkt sich ein Klick auf ein untergeordnetes Element auf das Ereignis des übergeordneten Elements aus? Verstehen Sie den Event-Bubbling-Mechanismus: Warum wirkt sich ein Klick auf ein untergeordnetes Element auf das Ereignis des übergeordneten Elements aus? Jan 13, 2024 pm 02:55 PM

Ereignis-Bubbling verstehen: Warum löst ein Klick auf ein untergeordnetes Element ein Ereignis auf dem übergeordneten Element aus? Ereignis-Bubbling bedeutet, dass in einer verschachtelten Elementstruktur, wenn ein untergeordnetes Element ein Ereignis auslöst, das Ereignis wie beim Bubbling Schicht für Schicht an das übergeordnete Element weitergegeben wird, bis zum äußersten übergeordneten Element. Mit diesem Mechanismus können Ereignisse an untergeordneten Elementen im gesamten Elementbaum verbreitet werden und nacheinander alle zugehörigen Elemente auslösen. Um das Bubbling von Ereignissen besser zu verstehen, schauen wir uns einen bestimmten Beispielcode an. HTML-Code: <divid="parent&q

Java, wie man einen Ordner durchläuft und alle Dateinamen abruft Java, wie man einen Ordner durchläuft und alle Dateinamen abruft Mar 29, 2024 pm 01:24 PM

Java ist eine beliebte Programmiersprache mit leistungsstarken Funktionen zur Dateiverarbeitung. In Java ist das Durchsuchen eines Ordners und das Abrufen aller Dateinamen ein üblicher Vorgang, der uns dabei helfen kann, Dateien in einem bestimmten Verzeichnis schnell zu finden und zu verarbeiten. In diesem Artikel wird erläutert, wie eine Methode zum Durchlaufen eines Ordners und zum Abrufen aller Dateinamen in Java implementiert wird, und es werden spezifische Codebeispiele bereitgestellt. 1. Verwenden Sie die rekursive Methode, um den Ordner zu durchlaufen. Die rekursive Methode ist eine Möglichkeit, sich selbst aufzurufen und den Ordner effektiv zu durchlaufen.

Verwenden Sie den Pseudoklassenselektor :nth-child(n+3), um den Stil untergeordneter Elemente auszuwählen, deren Position größer oder gleich 3 ist Verwenden Sie den Pseudoklassenselektor :nth-child(n+3), um den Stil untergeordneter Elemente auszuwählen, deren Position größer oder gleich 3 ist Nov 20, 2023 am 11:20 AM

Verwenden Sie den Pseudoklassenselektor :nth-child(n+3), um den Stil untergeordneter Elemente auszuwählen, deren Position größer oder gleich 3 ist. Das spezifische Codebeispiel lautet wie folgt: HTML-Code: &lt;divid="container" &gt;&lt;divclass="item"&gt ;Erstes untergeordnetes Element&lt;/div&gt;&lt;divclass="item"&

Beispiel für die Verwendung der PHP-glob()-Funktion: Alle Dateien in einem angegebenen Ordner durchsuchen Beispiel für die Verwendung der PHP-glob()-Funktion: Alle Dateien in einem angegebenen Ordner durchsuchen Jun 27, 2023 am 09:16 AM

Beispiel für die Verwendung der PHPglob()-Funktion: Alle Dateien in einem bestimmten Ordner durchsuchen Bei der PHP-Entwicklung ist es häufig erforderlich, alle Dateien in einem bestimmten Ordner zu durchsuchen, um einen Stapelvorgang oder das Lesen von Dateien zu implementieren. Um diese Anforderung zu erfüllen, wird die glob()-Funktion von PHP verwendet. Die Funktion glob() kann die Pfadinformationen aller Dateien im angegebenen Ordner abrufen, die die Bedingungen erfüllen, indem sie ein Platzhalter-Übereinstimmungsmuster angibt. In diesem Artikel zeigen wir, wie Sie mit der Funktion glob() alle Dateien in einem bestimmten Ordner durchlaufen

Eingehender Vergleich von Java Iterator und Iterable: Vor- und Nachteile-Analyse Eingehender Vergleich von Java Iterator und Iterable: Vor- und Nachteile-Analyse Feb 19, 2024 pm 04:20 PM

Konzeptionelle Unterschiede: Iterator: Iterator ist eine Schnittstelle, die einen Iterator darstellt, der Werte aus einer Sammlung erhält. Es bietet Methoden wie MoveNext(), Current() und Reset(), mit denen Sie die Elemente in der Sammlung durchlaufen und das aktuelle Element bearbeiten können. Iterable: Iterable ist ebenfalls eine Schnittstelle, die ein iterierbares Objekt darstellt. Es stellt die Methode Iterator() bereit, die ein Iterator-Objekt zurückgibt, um das Durchlaufen der Elemente in der Sammlung zu erleichtern. Verwendung: Iterator: Um Iterator zu verwenden, müssen Sie zuerst ein Iterator-Objekt abrufen und dann die Methode MoveNext() aufrufen, um zum nächsten zu wechseln

So verwenden Sie das OS-Modul zum Durchsuchen von Dateien in einem Verzeichnis in Python 3.x So verwenden Sie das OS-Modul zum Durchsuchen von Dateien in einem Verzeichnis in Python 3.x Jul 29, 2023 pm 02:57 PM

So verwenden Sie das Betriebssystemmodul zum Durchlaufen von Dateien in einem Verzeichnis in Python3.x. In Python können wir das Betriebssystemmodul zum Bearbeiten von Dateien und Verzeichnissen verwenden. Das OS-Modul ist ein wichtiges Modul in der Python-Standardbibliothek und bietet viele betriebssystembezogene Funktionen. In diesem Artikel erklären wir, wie Sie mit dem OS-Modul alle Dateien in einem Verzeichnis durchlaufen. Zuerst müssen wir das OS-Modul importieren: importos Als nächstes können wir die Funktion os.walk() verwenden, um das Verzeichnis zu durchsuchen.

Entfernen Sie das letzte untergeordnete Element des Elements mit jQuery Entfernen Sie das letzte untergeordnete Element des Elements mit jQuery Feb 26, 2024 pm 12:39 PM

Wie entferne ich das letzte untergeordnete Element mit jQuery? Bei der Frontend-Entwicklung stoßen wir häufig auf Vorgänge, bei denen Seitenelemente hinzugefügt, gelöscht, geändert und überprüft werden müssen. Unter diesen ist das Löschen des letzten untergeordneten Elements eine häufige Anforderung. In diesem Artikel wird anhand konkreter Codebeispiele erläutert, wie Sie mit jQuery das letzte untergeordnete Element löschen. Zuerst müssen wir die jQuery-Bibliothek in die Seite einführen, um sicherzustellen, dass ihre Funktionen genutzt werden können. Fügen Sie Ihrer HTML-Datei den folgenden Code hinzu: &lt

See all articles