Ste vedeli, da lahko z JavaScriptom upravljamo z vsebino na spletni strani? Zdi se zanimivo, kajne? Razumejmo, kaj je dokumentni objektni model, tj. DOM v JavaScript na naslednji način:
- Kaj je DOM v JavaScript?
- Dejanja DOM-a v JavaScript-u
- Poizvedovanje po DOM-u
- Poslušanje dogodkov
- Interakcija z obrazci
- Ustvarjanje elementov HTML
- Dodajanje CSS
Kaj je DOM v JavaScript?
Območni model dokumenta ali DOM ustvari brskalnik, ko se naloži spletna stran. V grafični obliki je kot drevo elementov, imenovanih tudi vozlišča, ki se uporabljajo za predstavitev vsakega posameznega elementa na strani.
Vsi DOM naše spletne strani so znotraj predmeta dokumenta. Programsko nam ta model omogoča branje ali celo spreminjanje vsebine naše strani prek . Ali ni kul?
poiščite največje število v matriki java
Dejanja DOM-a v JavaScript-u
Nekatera dejanja, ki jih lahko izvedemo s tem modelom, so:
Spremeni / odstrani elemente HTML v DOM / na strani.
Spremenite in dodajte sloge CSS elementom
Branje in spreminjanje atributov (href, src, alt) itd.
Ustvarite nove elemente in jih vstavite v DOM / stran.
Prisluškovalce dogodkov pritrdite na elemente (klik, pritisk tipke, oddaja)
Poizvedovanje po DOM v JavaScript
Zajemanje elementa HTML ali njegovo pridobivanje za dodajanje / spreminjanje ali vsebino se imenuje poizvedovanje.
Koda HTML:
faktorijel z uporabo rekurzije v c
Javascript in DOM h1 {velikost pisave: 60px}Koda JavaScript:
var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // spreminjanje barve ozadja v svetlo modro body.style. backgroundColor = 'svetlobla'xml transformacija v informatiki s primerom
Z uporabo JavaScript smo barvo besedila naslova spremenili iz črne v rdečo. To smo dosegli z uporabo .style lastnost nato spremenila vrednost barva enaka mreža .
Zdaj pa spremenimo barvo ozadja elementa telesa na svetlo modra .
S tem smo v članku JavaScript končali ta DOM. Upam, da ste razumeli, kako delujejo modeli dokumentov in kako implementirati isti DOM v JavaScript.
Zdaj, ko veste o DOM-u v JavaScript-u, si oglejte avtor Edureka. Usposabljanje za certificiranje spletnega razvoja vam bo pomagalo, da se naučite ustvariti impresivna spletna mesta z uporabo API-jev HTML5, CSS3, Twitter Bootstrap 3, jQuery in Google ter jih namestite v Amazon Simple Storage Service (S3).
Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v poglavju »DOM v JavaScript« in mi se vam bomo oglasili.