Sve što trebate znati o DOM-u u JavaScript-u



Ovaj će vam članak pružiti detaljno i sveobuhvatno znanje o objektnom modelu dokumenata, tj. DOM u JavaScript-u.

Jeste li znali da pomoću JavaScript-a možemo manipulirati sadržajem na web-stranici? Čini se zanimljivim zar ne? Shvatimo što je Document Object Model tj. DOM u JavaScriptu na sljedeći način:

Što je DOM u JavaScript-u?

Model objekta dokumenta ili DOM stvara preglednik kada se učita web stranica. U grafičkom obliku, to je poput stabla elemenata koji se nazivaju i čvorovi, a koji se koriste za predstavljanje svakog pojedinog elementa na stranici.





Sav DOM naše web stranice nalazi se unutar objekta dokumenta. Programski, ovaj nam model omogućuje čitanje ili čak promjenu sadržaja naše stranice putem . Nije li cool?

fibonaccijev niz c ++

Djelovanja DOM-a u JavaScript-u

Neke od radnji koje možemo izvesti s ovim modelom su:



  • Promjena / uklanjanje HTML elemenata u DOM-u / na stranici.

  • Promijenite i dodajte CSS stilove elementima

  • Čitanje i promjena atributa (href, src, alt) itd.



  • Stvorite nove elemente i umetnite ih u DOM / stranicu.

  • Pričvrstite slušatelje događaja elementima (kliknite, pritisnite tipku, pošaljite)

    primjena analize velikih podataka

Ispitivanje DOM-a u JavaScript-u

Hvatanje HTML elementa ili njegovo držanje za dodavanje / promjenu ili sadržaj naziva se upitom.

HTML kod:

Javascript i DOM h1 {font-size: 60px}

JavaScript kôd:

var title = document.getElementById ('title') // cgangin boja u crveni title.style.color = 'crvena' var body = document.getElementById ('body') // promjena boje pozadine u svijetloplavu body.style. backgroundColor = 'svijetloplava'

Pomoću JavaScript-a promijenili smo boju teksta iz crne u crvenu. To smo postigli pomoću .stil svojstvo je tada promijenilo vrijednost boja na jednak neto .

Promijenimo sada boju pozadine elementa tijela u svijetlo plava .

Ovim smo došli do kraja ovog DOM-a u JavaScript članku. Nadam se da ste razumjeli kako funkcioniraju objektni modeli dokumenata i kako implementirati isti DOM u JavaScript.

kako koristiti datoteke u javi -

Sada kada znate o DOM-u u JavaScript-u, pogledajte od Edureke. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja te ih rasporediti na Amazon Simple Storage Service (S3).

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare 'DOM u JavaScript', a mi ćemo vam se javiti.