Sådan Konverter HTML til almindelig tekst i Javascript

Bruge JavaScript til at konvertere HTML-elementer til almindelig tekst . adresse bar billede ved Wiktor Osiecki fra Fotolia.com

En af de mere nyttige ting, du kan gøre med JavaScript scriptsprog er manipulere og arbejde med Document Object Model (eller "DOM") afet HTML-dokument.DOM af et HTML-dokument er en konvention for at repræsentere indholdet af dette dokument.Det giver en måde for webbrowsere og scripting sprog som JavaScript for at interagere med de forskellige elementer, der udgør dette dokument.Ved hjælp af JavaScript og en web sidens DOM, kan du nemt konvertere HTML til almindelig tekst.

Instruktioner

  1. Tilføj et script erklæring til hovedafsnittet af din HTML-dokument.The Script tag definerer en klient-side script, såsom JavaScript.Dit script-tag skal have sin attribut "type" sat til "tekst / javascript" så hele SCRIPT erklæringen læses således: & lt; script type = "text / javascript" & gt; & lt; / script & gt;(hvor JavaScript-kode går mellem de to tags).

  2. Definer en JavaScript-funktion, der tager en streng som en parameter

    .Denne streng parameter indeholder HTML, som du vil konvertere til almindelig tekst.

  3. Opret en midlertidig DIV element inde i din JavaScript-funktion ved hjælp af "createElement ()" -metoden.

  4. Tildel din funktions strengen parameter til dit midlertidige DIV s "innerHTML" attribut.

  5. Opret en midlertidig streng variabel i din funktion.

  6. Grab almindelig tekst indholdet af din midlertidige DIV ved hjælp af sin "textContent" og "innerText" attributter og tildele den til dit midlertidige streng variabel.På grund af cross-browser kompatibilitetsproblemer, både "textContent" og "innerText" vil blive defineret i nogle webbrowsere og udefineret i andre, men den ene eller den anden vil blive defineret i alle versioner af alle større browsere.

  7. Retur værdien holdes af din midlertidige streng ved hjælp af en "tilbage" erklæring.Dette vil returnere den almindelig tekst værdien af ​​din konverterede HTML.

Tips & amp;Advarsler

  • stedet for at bruge if-then udsagn at tjekke cross-browser kompatibilitet og til at beslutte, om du vil bruge "textContent" eller "innerText" i din funktion, skal du blot tildele din midlertidige DIV elementets almindelig tekst værdi til din midlertidige snorvariabel som følger: var tmpString = tmpDiv.textContent ||tmpDiv.innerText.
823
0
1
Java Script