Käytä JavaScriptiä HTML-elementtien muuntamiseen tavalliseksi tekstiksi.
Yksi hyödyllisimmistä asioista, joita voit tehdä JavaScript-komentosarjakielellä, on käsitellä HTML-dokumentin Document Object Model (tai "DOM") ja sen kanssa. HTML-dokumentin DOM on käytäntö kyseisen asiakirjan sisällön esittämiseksi. Se tarjoaa verkkoselaimille ja komentosarjakielille, kuten JavaScriptille, tavan olla vuorovaikutuksessa asiakirjan muodostavien eri elementtien kanssa. JavaScriptin ja verkkosivun DOM: n avulla voit helposti muuntaa HTML: n pelkäksi tekstiksi.
Vaihe 1
Lisää SCRIPT-ilmoitus HTML-dokumentin HEAD-osioon. SCRIPT-tunniste määrittää asiakaspuolen komentosarjan, kuten JavaScriptin. SCRIPT-tunnisteen "type"-attribuutin on oltava "text/javascript", jotta koko SCRIPT-määrityksen pitäisi kuulua seuraavasti: (jossa JavaScript-koodi menee kahden tagin väliin).
Päivän video
Vaihe 2
Määritä JavaScript-funktio, joka ottaa yhden merkkijonon parametriksi. Tämä merkkijonoparametri sisältää HTML-koodin, jonka muunnat tavalliseksi tekstiksi.
Vaihe 3
Luo väliaikainen DIV-elementti JavaScript-funktion sisään käyttämällä "createElement()"-menetelmää.
Vaihe 4
Määritä funktiosi merkkijonoparametri tilapäisen DIV: n "innerHTML"-attribuutille.
Vaihe 5
Luo väliaikainen merkkijonomuuttuja funktioon.
Vaihe 6
Tartu väliaikaisen DIV: n pelkkä tekstisisältöön käyttämällä sen "textContent"- ja "innerText"-attribuutteja ja liitä se väliaikaiseen merkkijonomuuttujaan. Selainten välisten yhteensopivuusongelmien vuoksi sekä "textContent" että "innerText" määritetään joissakin web-selaimet ja muissa undefined, mutta jompikumpi määritetään kaikissa pääaineen kaikissa versioissa selaimet.
Vaihe 7
Palauta väliaikaisen merkkijonon arvo käyttämällä "return"-lausetta. Tämä palauttaa muunnetun HTML: n pelkän tekstin arvon.
Kärki
Sen sijaan, että käyttäisit IF-THEN-käskyjä selainten välisen yhteensopivuuden tarkistamiseen ja sen päättämiseen, käytetäänkö funktiossa "textContent"- vai "innerText", yksinkertaisesti määritä väliaikaisen DIV-elementin pelkkä teksti -arvo väliaikaiselle merkkijonomuuttujalle seuraavasti: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
