Wie Konvertieren von HTML in reinen Text in Javascript

Weitere nützliche Dinge, die Sie, mit der Skriptsprache JavaScript tun können gehört zu manipulieren und arbeiten mit dem Document Object Model (oder "DOM") eines HTML-Dokuments. Das DOM eines HTML-Dokuments ist eine Konvention für die Darstellung der Inhalts dieses Dokuments. Es bietet eine Möglichkeit für Webbrowser und Skriptsprachen wie JavaScript zur Interaktion mit den verschiedenen Elementen, die dieses Dokument zu verfassen. Mit JavaScript und DOM einer Webseite, können Sie einfach HTML in reinen Text konvertieren.

Anweisungen

1 Fügen Sie eine Skript-Deklaration im HEAD-Abschnitt Ihres HTML-Dokuments. Das SCRIPT-Tag definiert ein Client-seitiges Script wie JavaScript. Ihr Skript-Tag muss sein "geben"-Attribut auf "Text/Javascript" festgelegt, so dass die gesamte Skript-Deklaration wie folgt lauten sollte: < Skript-Typ = "Text/Javascript" >< / script > (wo der JavaScript-Code geht zwischen zwei Tags).

2 Definieren Sie eine JavaScript-Funktion, die einen String als Parameter annimmt. Dieser String-Parameter enthält den HTML-Code, die Sie in reinen Text konvertieren werden werden.

3 Erstellen Sie ein temporäres DIV-Element in Ihre JavaScript-Funktion mit der Methode "createElement()".

4 Weisen Sie Ihre Funktion Parameter Ihrer temporären DIV "InnerHTML"-Attribut.

5 Erstellen Sie eine temporären String-Variable in der Funktion.

6 Greifen Sie den Klartext Inhalt Ihrer temporären DIV mit seiner "TextContent" und "InnerText" Attribute und Ihre temporären String-Variable zuweisen. Wegen browserübergreifende Kompatibilitätsprobleme "TextContent" und "InnerText" definiert, die in einigen Webbrowsern und undefiniert in anderen, aber die eine oder andere wird in allen Versionen von allen gängigen Browsern definiert werden.

7 Rückgabewert von Ihren temporären Zeichenfolge mit einer "Rückkehr" Anweisung gehalten. Dies wird den nur-Text-Wert Ihres konvertierten HTML zurück.

Tipps & Warnungen

• Anstelle von IF-THEN-Anweisungen verwenden, browserübergreifende Kompatibilität prüfen und entscheiden, ob Sie "TextContent" oder "InnerText" in Ihrer Funktion zu verwenden, einfach Ihre temporäre DIV-Element nur-Text-Wert zuweisen Ihre temporären String-Variable wie folgt: Var TmpString = tmpDiv.textContent || tmpDiv.innerText.