Miten muuntaa HTML Pelkkä teksti Javascript

Käytä JavaScript muuntaa HTML elementtejä tekstimuodossa. Osoite baari kuvan Wiktor Osiecki päässä Fotolia.com

Yksi hyödyllisiä asioita voit tehdä JavaScript skriptikieli on manipuloida ja käsitellä Document Object Model (tai "DOM") jaHTML-dokumentti.DOM on HTML-asiakirja on yleissopimus edustaa tämän asiakirjan sisällöstä.Se tarjoaa tavan selaimet ja ohjelmointikieliä kuten JavaScript vuorovaikutuksessa eri elementtejä, jotka muodostavat kyseisen asiakirjan.JavaScriptin avulla ja web-sivun DOM, voit helposti muuntaa HTML-viestejä.

Ohjeet

  1. Lisää SCRIPT ilmoitus head-osioon HTML-dokumentti.Komentosarjatunnus määrittelee client-side script kuten JavaScript.Sinun komentosarjatunnus tarvitsee sen "tyyppi" määrite on "text / javascript" siten, että koko SCRIPT ilmoitus seuraavasti: & lt; script type = "text / javascript" & gt; & lt; / script & gt;(Jos JavaScript-koodi menee kahden tunnisteet).

  2. Määritä JavaScript-toiminto, kestää yhden merkkijonon parametri.Tämä merkkijono parametri sisältää HTML että sinulla on muuntaa tavall

    iseksi tekstiksi.

  3. Luo väliaikainen DIV elementin sisällä JavaScript-toiminto käyttämällä "createElement ()" menetelmää.

  4. Määritä oman toiminnon merkkijonon parametrin väliaikainen DIV n "innerHTML" ominaisuus.

  5. Luo väliaikainen merkkijono muuttujan funktio.

  6. napata tekstimuodossa sisältöä väliaikaisen DIV käyttämällä "textContent" ja "innerText" attribuutteja ja määrittää sen väliaikainen merkkijono muuttuja.Koska rajat selaimen yhteensopivuusongelmia, sekä "textContent" ja "innerText" määritellään joissakin web-selaimissa ja määrittelemätön toisissa, mutta yksi tai muun määritellään kaikki versiot kaikissa suurimmissa selaimissa.

  7. Palauta arvo hallussa väliaikainen merkkijono käyttäen "paluu" julkilausuman.Tämä palauttaa tekstimuodossa arvo sinun muuntaa HTML.

Vinkkejä & amp;Varoitukset

  • Sen sijaan käyttää if-then lausuntoja tarkistaa rajat selaimen yhteensopivuutta ja päättää käyttää "textContent" tai "innerText" teidän toiminto, yksinkertaisesti antaa väliaikaiset DIV elementin tekstimuodossa arvon väliaikainen merkkijonomuuttuja seuraavasti: var tmpString = tmpDiv.textContent ||tmpDiv.innerText.
839
0
1
Java Script