Kako pretvoriti HTML v navadno besedilo v Javascriptu

Ena od bolj uporabnih stvari, ki jih lahko naredite s skriptnim jezikom JavaScript, je upravljanje in delo z modelom dokumentov (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 spletne strani lahko preprosto pretvorite HTML v golo besedilo.

1. korak

Dodajte deklaracijo SCRIPT v razdelek HEAD vašega dokumenta HTML. Oznaka SCRIPT definira skript na strani odjemalca, kot je JavaScript. Vaša oznaka SCRIPT mora imeti atribut "type" nastavljen na "text/javascript", tako da se celotna izjava SCRIPT glasi takole:(kjer gre koda JavaScript med dve oznaki).

2. korak

Definirajte funkcijo JavaScript, ki sprejme en niz kot parameter. Ta parameter niza vsebuje HTML, ki ga boste pretvorili v golo besedilo.

3. korak

Z metodo "createElement()" ustvarite začasni element DIV znotraj svoje funkcije JavaScript.

4. korak

Dodelite parameter niza vaše funkcije začasnemu atributu "innerHTML" vašega DIV-a.

5. korak

V svoji funkciji ustvarite začasno nizovno spremenljivko.

6. korak

Zgrabite navadno besedilno vsebino vašega začasnega DIV-a 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 nedefinirana v drugih, vendar bosta ena ali druga definirana v vseh različicah vseh večjih brskalnikov.

7. korak

Vrnite vrednost, ki jo hrani vaš začasni niz, z uporabo stavka "return". To bo vrnilo vrednost navadnega besedila vašega pretvorjenega HTML-ja.

Nasvet

Namesto uporabe stavkov IF-THEN za preverjanje združljivosti med brskalniki in odločanje, ali boste v svoji funkciji uporabili »textContent« ali »innerText«, preprosto dodelite navadno besedilno vrednost začasnega elementa DIV vaši začasni spremenljivki niza, kot sledi:var tmpString =tmpDiv.textContent || tmpDiv.innerText.