Vai zinājāt, ka mēs varam izmantot JavaScript, lai manipulētu ar tīmekļa lapas saturu? Šķiet interesanti vai ne? Sapratīsim, kas ir dokumenta objekta modelis, ti. DOM JavaScript šādā veidā:
- Kas ir DOM JavaScript valodā?
- DOM darbības JavaScript
- Vaicājums DOM
- Notikumu klausīšanās
- Mijiedarbība ar Veidlapām
- HTML elementu izveide
- CSS pievienošana
Kas ir DOM JavaScript valodā?
Dokumenta objekta modeli jeb DOM pārlūks izveido, ielādējot vietni. Grafiskā formā tas ir kā elementu koks, ko sauc arī par mezgliem, kurus izmanto, lai attēlotu katru atsevišķu lapas elementu.
Visa mūsu tīmekļa vietne DOM atrodas dokumenta objektā. Programmiski šis modelis ļauj mums lasīt vai pat mainīt mūsu lapas saturu, izmantojot . Vai nav forši?
DOM darbības JavaScript
Dažas no darbībām, kuras mēs varam veikt ar šo modeli, ir:
Mainīt / noņemt HTML elementus DOM / lapā.
Mainiet un pievienojiet elementiem CSS stilus
kā iestatīt Java aptumsumu
Lasīt un mainīt atribūtus (href, src, alt) utt.
Izveidojiet jaunus elementus un ievietojiet tos DOM / lapā.
Pievienojiet notikumu klausītājus elementiem (noklikšķiniet, nospiediet taustiņu, iesniedziet)
Vaicājot DOM JavaScript
HTML elementa satveršanu vai piekļuvi tam, lai pievienotu / mainītu vai saturu, sauc par vaicājumu.
HTML kods:
kā sākt aws cli
Javascript un DOM h1 {font-size: 60px}JavaScript kods:
var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // fona krāsas maiņa uz gaiši zilu body.style. backgroundColor = 'gaiši zils'Izmantojot JavaScript, nosaukuma teksta krāsa tika mainīta no melnas uz sarkanu. Mēs to panācām, izmantojot .stils īpašums pēc tam mainīja vērtību krāsa vienāds ar tīkls .
Tagad mainīsim ķermeņa elementa fona krāsu uz gaiši zils .
c ++ java pitons
Ar to mēs esam nonākuši pie šī DOM raksta JavaScript. Es ceru, ka jūs uzzinājāt, kā darbojas dokumentu objektu modeļi un kā to pašu DOM ieviest JavaScript.
Tagad, kad jūs zināt par DOM JavaScript, pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).
Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “DOM JavaScript”, un mēs ar jums sazināsimies.