Izmantojiet JavaScript, lai pārvērstu HTML elementus vienkāršā tekstā.
Viena no noderīgākajām darbībām, ko varat darīt, izmantojot JavaScript skriptu valodu, ir manipulēt ar HTML dokumenta dokumenta objekta modeli (vai "DOM") un strādāt ar to. HTML dokumenta DOM ir šī dokumenta satura attēlošanas konvencija. Tas nodrošina veidu, kā tīmekļa pārlūkprogrammas un skriptu valodas, piemēram, JavaScript, var mijiedarboties ar dažādiem elementiem, kas veido šo dokumentu. Izmantojot JavaScript un tīmekļa lapas DOM, varat viegli pārvērst HTML par vienkāršu tekstu.
1. darbība
Pievienojiet SCRIPT deklarāciju sava HTML dokumenta sadaļai HEAD. Tags SCRIPT definē klienta puses skriptu, piemēram, JavaScript. Jūsu SCRIPT taga atribūtam "type" ir jābūt iestatītam uz "text/javascript", lai visa SCRIPT deklarācija skanētu šādi: (kur JavaScript kods atrodas starp abiem tagiem).
Dienas video
2. darbība
Definējiet JavaScript funkciju, kas kā parametru izmanto vienu virkni. Šis virknes parametrs satur HTML, kas tiks pārveidots par vienkāršu tekstu.
3. darbība
Izveidojiet pagaidu DIV elementu savā JavaScript funkcijā, izmantojot metodi "createElement()".
4. darbība
Piešķiriet savas funkcijas virknes parametru pagaidu DIV atribūtam "innerHTML".
5. darbība
Funkcijā izveidojiet pagaidu virknes mainīgo.
6. darbība
Satveriet sava pagaidu DIV vienkārša teksta saturu, izmantojot tā atribūtus "textContent" un "innerText", un piešķiriet to savam pagaidu virknes mainīgajam. Vairāku pārlūkprogrammu saderības problēmu dēļ dažos gadījumos tiks definēti gan "textContent", gan "innerText". tīmekļa pārlūkprogrammas un undefined citās, bet viena vai otra tiks definēta visās visu galveno versijās pārlūkprogrammas.
7. darbība
Atgrieziet vērtību, kas ir jūsu pagaidu virknei, izmantojot paziņojumu "return". Tas atgriezīs jūsu konvertētā HTML teksta vērtību.
Padoms
Tā vietā, lai izmantotu IF-THEN priekšrakstus, lai pārbaudītu vairāku pārlūkprogrammu saderību un izlemtu, vai savā funkcijā izmantot “textContent” vai “innerText”, vienkārši piešķiriet pagaidu DIV elementa vienkāršā teksta vērtību pagaidu virknes mainīgajam šādi: var tmpString = tmpDiv.textContent || tmpDiv.innerText.