Wie extrahiere ich mit JavaScript reinen Text aus HTML-Elementen?

Extrahieren von reinem Text aus HTML-Elementen mit JavaScript

Bei der Arbeit mit HTML-Seiten ist es oft notwendig, den reinen Textinhalt ohne die Umgebung zu extrahieren HTML-Elemente. Dies kann mit JavaScript erreicht werden.

In diesem Szenario haben Sie eine HTML-Seite mit einer Schaltfläche und etwas Text, der in einem

-Zeichen eingeschlossen ist. Element. Wenn auf die Schaltfläche geklickt wird, sollte das HTML-Markup entfernt werden und der reine Text unverändert bleiben.

Um dies zu erreichen, können Sie die folgende JavaScript-Funktion verwenden:

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

Die document.getElementById ('txt')-Zeile ruft die

Element mit der ID 'txt'.

Die Eigenschaft innerText oder textContent kann verwendet werden, um den Textinhalt innerhalb des Elements abzurufen. innerText nähert sich dem sichtbaren Text an (ohne Tags), während textContent HTML-Tags strikt entfernt. Wählen Sie die Eigenschaft aus, die Ihren Anforderungen am besten entspricht.

Abschließend ersetzt element.innerHTML = text den HTML-Inhalt innerhalb des

mit dem reinen Textwert.

Mit dieser Technik können Sie effektiv reinen Text aus HTML-Elementen extrahieren und so Textinhalte nach Bedarf bearbeiten.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich mit JavaScript reinen Text aus HTML-Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!