Wie entferne ich HTML-Tags und extrahiere reinen Text mit JavaScript?

So extrahieren Sie reinen Text aus HTML mit JavaScript

Um den reinen Text aus einem HTML-Element ohne die HTML-Tags zu extrahieren, befolgen Sie diese Schritte mit JavaScript:

1. Identifizieren Sie das HTML-Element.
   Sie können die Methode getElementById() verwenden, um das Element abzurufen, aus dem Sie den Text extrahieren möchten. In diesem Fall haben Sie ein Element mit der ID="txt".

2. Rufen Sie den Textinhalt ab.
   Es gibt zwei Möglichkeiten, den Textinhalt aus einem HTML abzurufen Element: innerText und textContent. innerText gibt den sichtbaren Textinhalt zurück, während textContent den gesamten Textinhalt zurückgibt, auch wenn er ausgeblendet ist. In diesem Fall können Sie beide Methoden verwenden. So würden Sie sie verwenden:

   • innerText:

     <code class="javascript">var text = element.innerText;</code>

   • textContent:

     <code class="javascript">var text = element.textContent;</code>

3. Ersetzen Sie den HTML-Inhalt durch den Text.
   Sobald Sie den Textinhalt haben, können Sie den HTML-Inhalt des Elements durch den Textinhalt ersetzen. So würden Sie das machen:

   <code class="javascript">element.innerHTML = text;</code>

Hier ist die vollständige JavaScript-Funktion, die Sie verwenden können:

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

Wenn der Benutzer auf „Inhalt abrufen“ klickt Klicken Sie auf die Schaltfläche, diese JavaScript-Funktion wird ausgeführt und der HTML-Inhalt innerhalb des p-Elements mit id="txt" wird durch den reinen Textinhalt ersetzt.

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