Naudokite JavaScript, kad konvertuotumėte HTML elementus į paprastą tekstą.
Vienas iš naudingesnių dalykų, kuriuos galite padaryti naudodami „JavaScript“ scenarijų kalbą, yra manipuliuoti ir dirbti su HTML dokumento dokumento objekto modeliu (arba „DOM“). HTML dokumento DOM yra to dokumento turinio vaizdavimo susitarimas. Tai suteikia galimybę žiniatinklio naršyklėms ir scenarijų kalboms, pvz., „JavaScript“, sąveikauti su įvairiais elementais, kurie sudaro tą dokumentą. Naudodami JavaScript ir tinklalapio DOM galite lengvai konvertuoti HTML į paprastą tekstą.
1 žingsnis
Pridėkite SCRIPT deklaraciją į savo HTML dokumento skyrių HEAD. SCRIPT žyma apibrėžia kliento scenarijų, pvz., JavaScript. Jūsų SCRIPT žymos atributas „type“ turi būti nustatytas į „text/javascript“, kad visa SCRIPT deklaracija būtų tokia: (kur „JavaScript“ kodas yra tarp dviejų žymų).
Dienos vaizdo įrašas
2 žingsnis
Apibrėžkite „JavaScript“ funkciją, kuri kaip parametrą paima vieną eilutę. Šiame eilutės parametre yra HTML, kurį konvertuosite į paprastą tekstą.
3 veiksmas
Sukurkite laikiną DIV elementą „JavaScript“ funkcijoje naudodami „createElement()“ metodą.
4 veiksmas
Funkcijos eilutės parametrą priskirkite laikinajam DIV atributui „innerHTML“.
5 veiksmas
Savo funkcijoje sukurkite laikiną eilutės kintamąjį.
6 veiksmas
Paimkite savo laikinojo DIV paprasto teksto turinį naudodami atributus „textContent“ ir „innerText“ ir priskirkite jį laikinajam eilutės kintamajam. Dėl kelių naršyklių suderinamumo problemų kai kuriose srityse bus apibrėžti ir „textContent“, ir „innerText“. žiniatinklio naršyklėse ir kitose neapibrėžtos, tačiau viena ar kita bus apibrėžta visose visų pagrindinių versijų naršyklės.
7 veiksmas
Grąžinkite vertę, kurią turi laikinoji eilutė, naudodami teiginį „return“. Tai grąžins konvertuoto HTML paprasto teksto reikšmę.
Patarimas
Užuot naudoję IF-THEN teiginius, kad patikrintumėte suderinamumą tarp naršyklių ir nuspręstumėte, ar savo funkcijoje naudoti „textContent“ ar „innerText“, tiesiog priskirkite laikinojo DIV elemento paprasto teksto reikšmę laikinajam eilutės kintamajam taip: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
