Koristite JavaScript za pretvaranje HTML elemenata u običan tekst.
Jedna od korisnijih stvari koje možete učiniti s JavaScript jezikom za skriptiranje jest manipulirati i raditi s modelom objekta dokumenta (ili "DOM") HTML dokumenta. DOM HTML dokumenta je konvencija za predstavljanje sadržaja tog dokumenta. Omogućuje način da web-preglednici i skriptni jezici poput JavaScripta stupe u interakciju s različitim elementima koji čine taj dokument. Koristeći JavaScript i DOM web stranice, možete jednostavno pretvoriti HTML u običan tekst.
Korak 1
Dodajte deklaraciju SCRIPT u odjeljak HEAD vašeg HTML dokumenta. Oznaka SCRIPT definira skriptu na strani klijenta kao što je JavaScript. Vaša oznaka SCRIPT mora imati svoj atribut "type" postavljen na "text/javascript" tako da bi cijela deklaracija SCRIPT trebala glasiti kako slijedi: (gdje JavaScript kod ide između dvije oznake).
Video dana
Korak 2
Definirajte JavaScript funkciju koja uzima jedan niz kao parametar. Ovaj parametar niza sadrži HTML koji ćete pretvoriti u običan tekst.
Korak 3
Napravite privremeni DIV element unutar svoje JavaScript funkcije pomoću metode "createElement()".
4. korak
Dodijelite parametar niza svoje funkcije vašem privremenom DIV-ovom "innerHTML" atributu.
Korak 5
Napravite privremenu varijablu niza u svojoj funkciji.
Korak 6
Zgrabite sadržaj običnog teksta svog privremenog DIV-a koristeći njegove atribute "textContent" i "innerText" i dodijelite ga svojoj privremenoj varijabli niza. Zbog problema s kompatibilnošću među preglednicima, i "textContent" i "innerText" bit će definirani u nekim web preglednicima i nedefinirano u drugima, ali jedno ili drugo će biti definirano u svim verzijama svih glavnih preglednici.
Korak 7
Vratite vrijednost koju drži vaš privremeni niz pomoću naredbe "return". Ovo će vratiti vrijednost običnog teksta vašeg pretvorenog HTML-a.
Savjet
Umjesto korištenja izraza IF-THEN za provjeru kompatibilnosti među preglednicima i za odlučivanje hoćete li koristiti "textContent" ili "innerText" u svojoj funkciji, jednostavno dodijelite vrijednost običnog teksta vašeg privremenog DIV elementa vašoj privremenoj varijabli niza na sljedeći način: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
