Viskas, ką reikia žinoti apie DOM „JavaScript“

Šis straipsnis suteiks jums išsamių ir išsamių žinių apie dokumento objekto modelį, t. DOM „JavaScript“.

Ar žinojote, kad mes galime naudoti „JavaScript“ tvarkydami tinklalapio turinį? Atrodo įdomu tiesa? Supraskime, kas yra dokumento objekto modelis, t. DOM „JavaScript“ tokiu būdu:

Kas yra DOM „JavaScript“?

Įkeliant tinklalapį, naršyklė sukuria dokumento objekto modelį arba DOM. Grafine forma jis panašus į elementų medį, dar vadinamą mazgais, kurie naudojami kiekvienam puslapio elementui vaizduoti.





Visas mūsų tinklalapio DOM yra dokumento objekte. Programiškai šis modelis leidžia mums perskaityti ar net pakeisti savo puslapio turinį per . Ar ne šaunu?

geriausias java ide Windows

DOM veiksmai „JavaScript“

Kai kurie veiksmai, kuriuos galime atlikti naudodami šį modelį, yra šie:



  • Keisti / pašalinti HTML elementus DOM / puslapyje.

  • Keiskite ir pridėkite CSS stilius prie elementų

  • Skaityti ir keisti atributus (href, src, alt) ir kt.



  • Sukurkite naujų elementų ir įterpkite juos į DOM / puslapį.

    kaip konvertuoti dvejetainį į dešimtainį Java
  • Pridėkite įvykių klausytojus prie elementų (spustelėkite, paspauskite klavišą, pateikite)

Užklausa DOM sistemoje „JavaScript“

HTML elemento paėmimas arba jo įsigijimas norint pridėti / pakeisti ar turinį vadinamas užklausomis.

HTML kodas:

„Javascript“ ir „DOM h1“ {font-size: 60px}

„JavaScript“ kodas:

var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // fono spalvos keitimas į šviesiai mėlyną body.style. backgroundColor = 'šviesiai mėlyna'

Naudodami „JavaScript“ pakeitėme pavadinimo teksto spalvą iš juodos į raudoną. Tai pasiekėme naudodami .stilius nuosavybė tada pakeitė spalva kad būtų lygu neto .

Dabar pakeiskime kūno elemento fono spalvą į šviesiai mėlynas .

SQL serverio pagrindai pradedantiesiems

Tai pasiekėme šio DOM „JavaScript“ straipsnyje. Tikiuosi, kad supratote, kaip veikia dokumentų objektų modeliai ir kaip tą patį DOM įdiegti „JavaScript“.

Dabar, kai žinote apie DOM „JavaScript“, patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašau paminėti tai komentarų skiltyje „DOM„ JavaScript ““ ir mes su jumis susisieksime.