Kako pretvoriti HTML u običan tekst u Javascriptu
Jedna od korisnijih stvari koje možete učiniti s JavaScript skriptnim jezikom je manipuliranje i rad s objektnim modelom dokumenta (ili "DOM") HTML dokumenta. DOM HTML dokumenta je konvencija za predstavljanje sadržaja tog dokumenta. Internet preglednicima i skriptnim jezicima kao što je JavaScript omogućuje interakciju s različitim elementima koji sačinjavaju taj dokument. Pomoću JavaScripta i DOM-a web-stranice možete jednostavno pretvoriti HTML u običan tekst.
1. korak
Dodajte SCRIPT deklaraciju u odjeljak HEAD vašeg HTML dokumenta. Oznaka SCRIPT definira skriptu na strani klijenta kao što je JavaScript. Vaša SCRIPT oznaka mora imati atribut "type" postavljen na "text/javascript" tako da cijela SCRIPT deklaracija treba glasiti na sljedeći način:(gdje JavaScript kôd ide između dvije oznake).
2. korak
Definirajte JavaScript funkciju koja uzima jedan niz kao parametar. Ovaj parametar niza sadrži HTML koji ćete pretvoriti u običan tekst.
3. korak
Stvorite privremeni DIV element unutar svoje JavaScript funkcije pomoću metode "createElement()".
4. korak
Dodijelite parametar niza svoje funkcije atributu "innerHTML" privremenog DIV-a.
Korak 5
Stvorite privremenu varijablu niza u svojoj funkciji.
Korak 6
Uzmite sadržaj običnog teksta vašeg privremenog DIV-a pomoću njegovih atributa "textContent" i "innerText" i dodijelite ga vašoj privremenoj varijabli niza. Zbog problema s kompatibilnošću s više preglednika, i "textContent" i "innerText" bit će definirani u nekim web preglednicima, a nedefinirani u drugima, ali jedan ili drugi bit će definirani u svim verzijama svih glavnih preglednika.
7. korak
Vratite vrijednost koju drži vaš privremeni niz pomoću naredbe "return". Ovo će vratiti vrijednost običnog teksta vašeg konvertiranog HTML-a.
Savjet
Umjesto upotrebe IF-THEN izjava za provjeru kompatibilnosti s više preglednika i odlučivanje želite li koristiti "textContent" ili "innerText" u svojoj funkciji, jednostavno dodijelite vrijednost običnog teksta svog privremenog DIV elementa svojoj privremenoj varijabli niza na sljedeći način:var tmpString =tmpDiv.textContent || tmpDiv.innerText.