Vedeli ste, že na manipuláciu s obsahom na webovej stránke môžeme použiť JavaScript? Zdá sa to zaujímavé, že? Poďme pochopiť, čo je Document Object Model, tj. DOM v jazyku JavaScript nasledujúcim spôsobom:
- Čo je DOM v JavaScripte?
- Akcie modelu DOM v jazyku JavaScript
- Dopytovanie DOM
- Počúvanie udalostí
- Interakcia s formulármi
- Vytváranie prvkov HTML
- Pridáva sa CSS
Čo je DOM v JavaScripte?
Objektový model dokumentu alebo DOM vytvorí prehliadač po načítaní webovej stránky. V grafickej podobe je to ako strom prvkov, ktoré sa tiež nazývajú uzly a ktoré slúžia na predstavenie každého jedného prvku na stránke.
Celý DOM našej webovej stránky je umiestnený vo vnútri objektu dokumentu. Programovo nám tento model umožňuje čítať alebo dokonca meniť obsah našej stránky pomocou . Nie je to v pohode?
Akcie modelu DOM v jazyku JavaScript
Niektoré z akcií, ktoré môžeme vykonať s týmto modelom, sú:
Zmeňte / odstráňte prvky HTML v DOM / na stránke.
Zmena a pridanie štýlov CSS k prvkom
má vzťah v jave
Čítanie a zmena atribútov (href, src, alt) atď.
čo je tento operátor v Jave?
Vytvorte nové prvky a vložte ich do DOM / stránky.
Pripojenie poslucháčov udalostí k prvkom (kliknutie, stlačenie klávesu, odoslanie)
Dopytovanie modelu DOM v jazyku JavaScript
Uchopenie prvku HTML alebo jeho uchytenie za účelom pridania / zmeny alebo obsahu sa nazýva dopytovanie.
HTML kód:
Javascript a DOM h1 {font-size: 60px}Kód JavaScript:
var title = document.getElementById ('title') // farba cgangin na červenú title.style.color = 'red' var body = document.getElementById ('body') // zmena farby pozadia na svetlo modrú body.style. backgroundColor = 'svetlo modrá'Farbu textu názvu sme zmenili z čiernej na červenú pomocou JavaScriptu. Dosiahli sme to pomocou .štýl majetok potom zmenil hodnotu farba rovnať sa sieť .
Teraz zmeňme farbu pozadia prvku karosérie na svetlo modrá .
Týmto sa dostávame na koniec tohto DOM v článku o JavaScripte. Dúfam, že ste pochopili, ako fungujú modely objektových dokumentov a ako implementovať rovnaký DOM v JavaScripte.
Teraz, keď viete o DOM v JavaScripte, pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
ako analyzovať xml súbor v jave -
Máte na nás otázku? Prosím, uveďte to v sekcii komentárov „DOM v JavaScripte“ a my sa vám ozveme.