![...](/f/2b013487522de8b368028d36bdb61a23.jpg)
Gebruik JavaScript om HTML-elementen om te zetten in platte tekst.
Een van de handigere dingen die u kunt doen met de JavaScript-scripttaal, is manipuleren en werken met het Document Object Model (of "DOM") van een HTML-document. De DOM van een HTML-document is een conventie om de inhoud van dat document weer te geven. Het biedt een manier voor webbrowsers en scripttalen zoals JavaScript om te communiceren met de verschillende elementen waaruit dat document bestaat. Met behulp van JavaScript en de DOM van een webpagina kunt u HTML eenvoudig naar platte tekst converteren.
Stap 1
Voeg een SCRIPT-declaratie toe aan de HEAD-sectie van uw HTML-document. De SCRIPT-tag definieert een client-side script zoals JavaScript. Uw SCRIPT-tag moet het kenmerk "type" hebben ingesteld op "text/javascript", zodat de volledige SCRIPT-declaratie als volgt moet luiden: (waarbij de JavaScript-code tussen de twee tags staat).
Video van de dag
Stap 2
Definieer een JavaScript-functie die één string als parameter nodig heeft. Deze stringparameter bevat de HTML die u naar platte tekst gaat converteren.
Stap 3
Maak een tijdelijk DIV-element in uw JavaScript-functie met behulp van de "createElement()"-methode.
Stap 4
Wijs de tekenreeksparameter van uw functie toe aan het "innerHTML" -kenmerk van uw tijdelijke DIV.
Stap 5
Maak een tijdelijke tekenreeksvariabele in uw functie.
Stap 6
Pak de platte tekstinhoud van uw tijdelijke DIV met behulp van de kenmerken "textContent" en "innerText" en wijs deze toe aan uw tijdelijke tekenreeksvariabele. Vanwege compatibiliteitsproblemen tussen verschillende browsers, zullen in sommige gevallen zowel "textContent" als "innerText" worden gedefinieerd webbrowsers en undefined in andere, maar de een of de ander zal worden gedefinieerd in alle versies van alle major browsers.
Stap 7
Retourneer de waarde van uw tijdelijke tekenreeks met behulp van een "return" -instructie. Dit retourneert de platte tekstwaarde van uw geconverteerde HTML.
Tip
In plaats van IF-THEN-instructies te gebruiken om de compatibiliteit tussen browsers te controleren en om te beslissen of u "textContent" of "innerText" in uw functie wilt gebruiken, wijs eenvoudig de platte tekstwaarde van uw tijdelijke DIV-element toe aan uw tijdelijke tekenreeksvariabele als volgt: var tmpString = tmpDiv.textContent || tmpDiv.innerText.