Verwenden Sie JavaScript, um HTML-Elemente in Klartext umzuwandeln.
Eine der nützlichsten Dinge, die Sie mit der JavaScript-Skriptsprache tun können, ist die Manipulation und Arbeit mit dem Document Object Model (oder "DOM") eines HTML-Dokuments. Das DOM eines HTML-Dokuments ist eine Konvention zum Darstellen des Inhalts dieses Dokuments. Es bietet Webbrowsern und Skriptsprachen wie JavaScript die Möglichkeit, mit den verschiedenen Elementen zu interagieren, aus denen dieses Dokument besteht. Mithilfe von JavaScript und dem DOM einer Webseite können Sie HTML ganz einfach in einfachen Text konvertieren.
Schritt 1
Fügen Sie dem HEAD-Abschnitt Ihres HTML-Dokuments eine SCRIPT-Deklaration hinzu. Das SCRIPT-Tag definiert ein clientseitiges Skript wie JavaScript. Das "type"-Attribut Ihres SCRIPT-Tags muss auf "text/javascript" gesetzt sein, damit die gesamte SCRIPT-Deklaration wie folgt lautet: (wobei der JavaScript-Code zwischen den beiden Tags steht).
Video des Tages
Schritt 2
Definieren Sie eine JavaScript-Funktion, die eine Zeichenfolge als Parameter verwendet. Dieser String-Parameter enthält den HTML-Code, den Sie in Klartext konvertieren.
Schritt 3
Erstellen Sie mit der Methode "createElement()" ein temporäres DIV-Element in Ihrer JavaScript-Funktion.
Schritt 4
Weisen Sie den String-Parameter Ihrer Funktion dem "innerHTML"-Attribut Ihres temporären DIVs zu.
Schritt 5
Erstellen Sie eine temporäre String-Variable in Ihrer Funktion.
Schritt 6
Erfassen Sie den Nur-Text-Inhalt Ihres temporären DIV mit seinen "textContent"- und "innerText"-Attributen und weisen Sie ihn Ihrer temporären String-Variablen zu. Aufgrund von Cross-Browser-Kompatibilitätsproblemen werden in einigen Fällen sowohl "textContent" als auch "innerText" definiert Webbrowser und in anderen undefiniert, aber das eine oder das andere wird in allen Versionen aller gängigen Versionen definiert sein Browser.
Schritt 7
Geben Sie den Wert Ihrer temporären Zeichenfolge mithilfe einer "return"-Anweisung zurück. Dadurch wird der Nur-Text-Wert Ihres konvertierten HTML-Codes zurückgegeben.
Spitze
Anstatt IF-THEN-Anweisungen zu verwenden, um die Cross-Browser-Kompatibilität zu überprüfen und zu entscheiden, ob Sie „textContent“ oder „innerText“ in Ihrer Funktion verwenden möchten, Weisen Sie einfach den Klartextwert Ihres temporären DIV-Elements Ihrer temporären String-Variablen wie folgt zu: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
