Wie extrahiere ich Textknoteninhalte aus einem HTML-Element in JavaScript?

Textknoten eines Elements abrufen

Bei der Arbeit mit HTML-Elementen in JavaScript ist es oft notwendig, den Textinhalt innerhalb dieser Elemente abzurufen . Elemente können jedoch verschiedene Arten von Knoten enthalten, darunter Textknoten, Kommentarknoten und Elementknoten. In diesem Artikel wird eine browserübergreifende Lösung zum Abrufen des Textknotens untersucht.

Bedenken Sie den folgenden HTML-Code:

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>

Unser Ziel ist es, den Inhalt „Ich bin Textknoten“ zu erhalten und gleichzeitig den zu erhalten Link „Bearbeiten“.

Um dies zu erreichen, können wir content() und filter() von jQuery verwenden. Funktionen:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Dieser Code wählt das Element mit der Klasse „title“ aus und ruft dessen Inhalt ab. Anschließend wendet es eine Filterfunktion auf den Inhalt an und wählt nur Knoten mit dem Knotentyp Node.TEXT_NODE (d. h. Textknoten) aus. Schließlich wird der Textinhalt aus dem gefilterten Ergebnis extrahiert.

Mit diesem Ansatz können wir den gewünschten Textknoteninhalt erfolgreich abrufen, ohne das Tag „Bearbeiten“ zu entfernen.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich Textknoteninhalte aus einem HTML-Element in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!