Hoe naar HTML converteren naar platte tekst in Javascript

JavaScript gebruiken om HTML-elementen om te zetten in gewone tekst . adres image bar bij Wiktor Osiecki uit Fotolia.com

Een van de meer nuttige dingen die je kunt doen met de JavaScript scripting taal is manipuleren en te werken met de Document Object Model (of "DOM") vaneen HTML-document.De DOM van een HTML-document is een verdrag voor het weergeven van de inhoud van dat document.Het voorziet een manier voor webbrowsers en scripting talen, zoals JavaScript te interageren met de verschillende elementen die document samen te stellen.Met behulp van JavaScript en een web pagina's DOM, kunt u eenvoudig converteren HTML naar platte tekst.

instructies

  1. Voeg een SCRIPT verklaring aan de HEAD sectie van uw HTML-document.Het script tag definieert een client-side script zoals JavaScript.Uw SCRIPT-tag heeft, zodat de hele SCRIPT verklaring moet als volgt luiden haar attribuut "type" op "text / javascript" te hebben: & lt; script type = "text / javascript" & gt; & lt; / script & gt;(waar de JavaScript-code gaat tussen de twee labels).

  2. Definieer een JavaScript-functie die één snaar als parameter neemt.Deze string parameter bevat de HTML die u zal converteren naar platte tekst.

  3. Maak een tijdelijke DIV element in uw JavaScript-functie met de "createElement ()" methode.

  4. parameter van uw functie snaar toewijzen aan attribuut uw tijdelijke DIV's "innerHTML".

  5. Maak een tijdelijke koordvariabele in uw functie.

  6. Pak de platte tekst inhoud van uw tijdelijke DIV met behulp van de "textContent" en "innerText" attributen en toewijzen aan uw tijdelijke stringvariabele.Omwille van cross-browser compatibiliteitsproblemen, zowel 'textContent "en" innerText "zal worden gedefinieerd in sommige webbrowsers en ongedefinieerde in anderen, maar de ene of de andere zullen in alle versies van alle belangrijke browsers worden gedefinieerd.

  7. terug de waarde gehouden door uw tijdelijke string met behulp van een "return" statement.Dit zal de platte tekst waarde van uw geconverteerde HTML terugkeren.

Tips & amp;Waarschuwingen

  • plaats van als-dan-uitspraken om cross-browser compatibiliteit te controleren en om te beslissen of "textContent" of "innerText" gebruiken in uw functie, gewoon platte tekst waarde van uw tijdelijke DIV element toe te wijzen aan uw tijdelijke tekenreeksvariabele als volgt: var tmpString = tmpDiv.textContent ||tmpDiv.innerText.
895
0
1
Java Script