Kuidas teisendada HTML Plain Text Javascript

Kasutage JavaScript teisendada HTML elemendid lihttekstina. aadressiribale pildi Wiktor Osiecki alates Fotolia.com

Üks kasulikke asju, mida saate teha koos JavaScript skript keel on manipuleerida ja töö Document Object Model (või "DOM") ningHTML dokumendi.DOM HTML-dokument on konventsiooni esindavad selle dokumendi sisu.See annab nii veebilehitsejate ja skriptikeeltes nagu JavaScript suhelda erinevate elementidega, komponeerida, et dokument.Kasutades JavaScript ja veebilehe DOM, saate teisendada HTML lihttekstina.

juhised

  1. Lisa skript deklaratsiooni HEAD HTML dokument.Script tag määratleb kliendipoolse skripti nagu JavaScript.Stsenaariumi tag peab olema oma "tüüp" atribuut seatud "text / javascript", nii et kogu SKRIPTI deklaratsiooni sõnastatakse järgmiselt: & lt; script type = "text / javascript" & gt; & lt; / script & gt;(kus JavaScripti koodi läheb kahe sildid).

  2. Define JavaScript funktsioon, mis võtab ühe stringi parameetrina.See string parameeter sisaldab HTML, et sa ei vaheta lihtteksti.

  3. Loo ajutine DIV elemend

    i sees JavaScript funktsiooni abil "createElement ()" meetodil.

  4. Määra oma funktsiooni string parameetri oma ajutised DIV "innerHTML" atribuut.

  5. Loo ajutine string muutuja oma funktsiooni.

  6. Haara lihtteksti sisu ajutine DIV kasutades oma "textContent" ja "innerText" tunnused ja anda sellele oma ajutised string muutuja.Kuna piiriülese brauseri ühilduvuse probleeme, nii "textContent" ja "innerText" määratletakse mõned veebibrauserid ja määratlemata teistel, aga üht või teist on määratletud kõik versioonid kõigi suuremate brauseritega.

  7. Tagasi väärtus valduses ajutised string kasutades "tagasi" avaldusega.See tagastab lihtteksti väärtust oma ümber HTML.

Tips & amp;Hoiatused

  • asemel kasutatakse IF-SIIS avaldused kontrollida piiriülese brauseri ühilduvuse ja otsustada, kas kasutada "textContent" või "innerText" oma funktsiooni, lihtsalt määrata oma ajutised DIV elemendi lihtteksti väärtust teie ajutine stringmuutuva järgmiselt: var tmpString = tmpDiv.textContent ||tmpDiv.innerText.
298
0
1
Java Script