Brug JavaScript til at konvertere HTML-elementer til almindelig tekst.
En af de mere nyttige ting, du kan gøre med JavaScript-scriptsproget, er at manipulere og arbejde med Document Object Model (eller "DOM") af et HTML-dokument. Et HTML-dokuments DOM er en konvention til at repræsentere indholdet af det pågældende dokument. Det giver webbrowsere og scriptsprog, såsom JavaScript, mulighed for at interagere med de forskellige elementer, der udgør det pågældende dokument. Ved at bruge JavaScript og en websides DOM kan du nemt konvertere HTML til almindelig tekst.
Trin 1
Tilføj en SCRIPT-erklæring til HEAD-sektionen i dit HTML-dokument. SCRIPT-tagget definerer et script på klientsiden, såsom JavaScript. Dit SCRIPT-tag skal have sin "type"-attribut sat til "text/javascript", så hele SCRIPT-deklarationen skal læses som følger: (hvor JavaScript-koden går mellem de to tags).
Dagens video
Trin 2
Definer en JavaScript-funktion, der tager én streng som parameter. Denne strengparameter indeholder den HTML, som du vil konvertere til almindelig tekst.
Trin 3
Opret et midlertidigt DIV-element i din JavaScript-funktion ved hjælp af "createElement()"-metoden.
Trin 4
Tildel din funktions strengparameter til din midlertidige DIV's "innerHTML"-attribut.
Trin 5
Opret en midlertidig strengvariabel i din funktion.
Trin 6
Få fat i almindelig tekstindholdet i din midlertidige DIV ved hjælp af dens "textContent" og "innerText" attributter og tildel det til din midlertidige strengvariabel. På grund af problemer med kompatibilitet på tværs af browsere vil både "textContent" og "innerText" blive defineret i nogle webbrowsere og udefinerede i andre, men den ene eller den anden vil blive defineret i alle versioner af alle større browsere.
Trin 7
Returner den værdi, som din midlertidige streng indeholder, ved hjælp af en "return"-sætning. Dette vil returnere almindelig tekstværdien af din konverterede HTML.
Tip
I stedet for at bruge IF-THEN-sætninger til at kontrollere kompatibilitet på tværs af browsere og til at beslutte, om du vil bruge "textContent" eller "innerText" i din funktion, tildel blot dit midlertidige DIV-elements almindelige tekstværdi til din midlertidige strengvariabel som følger: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
