Kas teadsite, et saame veebisaidi sisuga manipuleerimiseks kasutada JavaScripti? Tundub huvitav eks? Saame aru, mis on dokumendi objekti mudel, st. DOM JavaScriptis järgmisel viisil:
- Mis on DOM JavaScriptis?
- DOM-i toimingud JavaScriptis
- DOM-i päring
- Sündmuste kuulamine
- Vormidega suhtlemine
- HTML-elementide loomine
- CSS-i lisamine
Mis on DOM JavaScriptis?
Dokumendiobjekti mudeli või DOM-i loob brauser veebilehe laadimisel. Graafilises vormis on see nagu elementide puu, mida nimetatakse ka sõlmedeks ja mida kasutatakse lehe iga üksiku elemendi tähistamiseks.
Kogu meie veebilehe DOM asub dokumendiobjekti sees. Programmiliselt võimaldab see mudel meil läbi oma lehe sisu lugeda või seda isegi muuta . Kas pole lahe?
DOM-i toimingud JavaScriptis
Mõned toimingud, mida saame selle mudeli abil teha, on:
HTML-elementide muutmine / eemaldamine lehel DOM /.
Muutke ja lisage elementidele CSS-stiile
php teisendab stringi massiiviks
Atribuutide (href, src, alt) lugemine ja muutmine jne
Looge uued elemendid ja sisestage need DOM / lehele.
Lisage sündmuse kuulajad elementidele (klõpsake, vajutage klahvi, saatke)
DOM-i pärimine JavaScripti abil
HTML-elemendi haaramist või selle kättesaamist lisamiseks / muutmiseks või sisuks nimetatakse päringuks.
HTML-kood:
eeldused tehisintellekti kursusele
Javascript ja DOM h1 {font-size: 60px}JavaScripti kood:
var title = document.getElementById ('pealkiri') // cgangini värv punaseks title.style.color = 'punane' var body = document.getElementById ('body') // taustavärvi muutmine helesiniseks body.style. backgroundColor = 'helesinine'Muutsime JavaScripti abil pealkirja teksti värvi mustast punaseks. Selle saavutasime .stiil vara muutis seejärel väärtust värv võrdseks võrk .
Muutkem nüüd kereelemendi taustavärviks helesinine .
erinevus ansible ja koka vahel
Sellega jõuame JavaScripti artiklis selle DOM-i lõpuni. Loodan, et saite aru, kuidas dokumendi objektimudelid töötavad ja kuidas sama DOM-i JavaScripti rakendada.
Nüüd, kui teate DOM-i JavaScripti kohta, vaadake autor Edureka. Veebiarenduse sertifitseerimiskoolitus aitab teil õppida muljetavaldavate veebisaitide loomist HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil ning juurutama selle Amazon Simple Storage Service'i (S3).
Kas teil on meile küsimus? Palun mainige seda „DOM-i JavaScripti” kommentaaride jaotises ja me võtame teiega ühendust.