Tudta, hogy a JavaScript segítségével kezelhetjük a weboldal tartalmát? Érdekesnek tűnik? Értsük meg, mi az a dokumentumobjektum-modell, azaz. DOM a JavaScript-ben a következő módon:
- Mi a DOM a JavaScriptben?
- A DOM műveletei a JavaScript-ben
- A DOM lekérdezése
- Események hallgatása
- Interakció a Forms-szal
- HTML elemek létrehozása
- CSS hozzáadása
Mi a DOM a JavaScriptben?
A dokumentumobjektum-modellt vagy a DOM-ot a böngésző hozza létre egy weboldal betöltésekor. Grafikus formában olyan, mint az elemek fája, más néven csomópontok, amelyek az oldal minden egyes elemét képviselik.
Weboldalunk összes DOM-ja a dokumentumobjektumban található. Programszerűen ez a modell lehetővé teszi számunkra az oldalunk tartalmának elolvasását vagy akár megváltoztatását . Nem klassz?
A DOM műveletei a JavaScript-ben
Néhány művelet, amelyet ezzel a modellel elvégezhetünk:
HTML elemek módosítása / eltávolítása a DOM / oldalon.
CSS-stílusok módosítása és hozzáadása az elemekhez
Olvassa el és módosítsa az attribútumokat (href, src, alt) stb.
Hozzon létre új elemeket, és illessze be őket a DOM / oldalba.
mi az apache szikra vs hadoop
Csatlakoztassa az eseményhallgatókat elemekhez (kattintson, nyomja meg a billentyűt, küldje be)
A DOM lekérdezése JavaScript-ben
Egy HTML elem megragadását vagy megszerzését annak hozzáadásához / módosításához vagy tartalmához lekérdezésnek nevezzük.
mi az alkalmazás a Salesforce-ban
HTML kód:
Javascript és a DOM h1 {font-size: 60px}
JavaScript kód:
var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // a háttér színének megváltoztatása világoskék body.style-ra. backgroundColor = 'világoskék'
A cím szövegének színét feketéről pirosra változtattuk a JavaScript használatával. Ezt a .stílus tulajdonság ezután megváltoztatta az értékét szín egyenlő háló .
Most változtassuk meg a test elem háttérszínét világoskék .
Ezzel véget értünk ennek a DOM-nak a JavaScript-cikkben. Remélem, megértette, hogyan működnek a dokumentumobjektum-modellek, és hogyan lehet ugyanazt a DOM-ot implementálni a JavaScript-be.
Most, hogy tud a DOM-ról a JavaScript-ben, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.
Van egy kérdésünk? Kérjük, említse meg a „DOM JavaScript-ben” megjegyzés rovatban, és mi kapcsolatba lépünk Önnel.