Uporabite JavaScript za pretvorbo elementov HTML v golo besedilo.
Ena izmed bolj uporabnih stvari, ki jih lahko naredite s skriptnim jezikom JavaScript, je manipuliranje in delo z modelom objektov dokumenta (ali "DOM") dokumenta HTML. DOM dokumenta HTML je konvencija za predstavitev vsebine tega dokumenta. Spletnim brskalnikom in skriptnim jezikom, kot je JavaScript, omogoča interakcijo z različnimi elementi, ki sestavljajo ta dokument. Z uporabo JavaScripta in DOM-a spletne strani lahko preprosto pretvorite HTML v golo besedilo.
Korak 1
Dodajte izjavo SCRIPT v razdelek HEAD vašega dokumenta HTML. Oznaka SCRIPT definira skript na strani odjemalca, kot je JavaScript. Vaša oznaka SCRIPT mora imeti svoj atribut "type" nastavljen na "text/javascript", tako da se mora celotna deklaracija SCRIPT glasiti na naslednji način: (kjer je koda JavaScript med obema oznakama).
Video dneva
2. korak
Definirajte funkcijo JavaScript, ki vzame en niz kot parameter. Ta parameter niza vsebuje HTML, ki ga boste pretvorili v golo besedilo.
3. korak
Ustvarite začasni element DIV znotraj vaše funkcije JavaScript z uporabo metode "createElement()".
4. korak
Parameter niza svoje funkcije dodelite začasnemu atributu "innerHTML" vašega začasnega DIV.
5. korak
Ustvarite začasno spremenljivko niza v svoji funkciji.
6. korak
Zgrabite vsebino navadnega besedila vašega začasnega DIV z uporabo njegovih atributov "textContent" in "innerText" in jo dodelite vaši začasni spremenljivki niza. Zaradi težav z združljivostjo med brskalniki bosta tako »textContent« kot »innerText« definirana v nekaterih spletnih brskalnikih in nedefinirano v drugih, vendar bo eno ali drugo definirano v vseh različicah vseh glavnih brskalniki.
7. korak
Vrnite vrednost, ki jo ima vaš začasni niz, z uporabo stavka "return". To bo vrnilo vrednost golega besedila vašega pretvorjenega HTML-ja.
Nasvet
Namesto da bi uporabljali stavke IF-THEN za preverjanje združljivosti med brskalniki in za odločitev, ali boste v svoji funkciji uporabili »textContent« ali »innerText«, preprosto dodelite vrednost golega besedila vašega začasnega elementa DIV vaši začasni spremenljivki niza, kot sledi: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
