Utilizați JavaScript pentru a converti elemente HTML în text simplu.
Unul dintre cele mai utile lucruri pe care le puteți face cu limbajul de scripting JavaScript este să manipulați și să lucrați cu Document Object Model (sau „DOM”) al unui document HTML. DOM-ul unui document HTML este o convenție pentru reprezentarea conținutului acelui document. Oferă o modalitate pentru browserele web și limbaje de scripting, cum ar fi JavaScript, de a interacționa cu diferitele elemente care compun acel document. Folosind JavaScript și DOM-ul unei pagini web, puteți converti cu ușurință HTML în text simplu.
Pasul 1
Adăugați o declarație SCRIPT la secțiunea HEAD a documentului HTML. Eticheta SCRIPT definește un script la nivelul clientului, cum ar fi JavaScript. Eticheta dvs. SCRIPT trebuie să aibă atributul „type” setat la „text/javascript”, astfel încât întreaga declarație SCRIPT să se afle după cum urmează: (unde codul JavaScript trece între cele două etichete).
Videoclipul zilei
Pasul 2
Definiți o funcție JavaScript care ia un șir ca parametru. Acest parametru șir conține codul HTML pe care îl veți converti în text simplu.
Pasul 3
Creați un element DIV temporar în cadrul funcției JavaScript folosind metoda „createElement()”.
Pasul 4
Atribuiți parametrul șir al funcției dvs. atributului „innerHTML” al DIV temporar.
Pasul 5
Creați o variabilă șir temporară în funcția dvs.
Pasul 6
Luați conținutul text simplu al DIV-ului dvs. temporar folosind atributele sale „textContent” și „innerText” și atribuiți-l variabilei șir temporar. Din cauza problemelor de compatibilitate între browsere, atât „textContent” cât și „innerText” vor fi definite în unele browsere web și nedefinit în altele, dar unul sau altul va fi definit în toate versiunile tuturor majorelor browsere.
Pasul 7
Returnează valoarea deținută de șirul tău temporar folosind o instrucțiune „return”. Aceasta va returna valoarea text simplu a codului HTML convertit.
Bacsis
În loc să utilizați instrucțiuni IF-THEN pentru a verifica compatibilitatea între browsere și pentru a decide dacă să utilizați „textContent” sau „innerText” în funcția dvs., pur și simplu atribuiți valoarea textului simplu a elementului DIV temporar variabilei șir temporare, după cum urmează: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
