Vše, co potřebujete vědět o DOM v JavaScriptu

Věděli jste, že k manipulaci s obsahem na webové stránce můžeme použít JavaScript? Vypadá to zajímavě, že? Pojďme pochopit, co je Document Object Model, tj. DOM v JavaScriptu následujícím způsobem:

• Co je DOM v JavaScriptu?
• Akce DOM v JavaScriptu
• Dotaz na DOM
• Poslech událostí
• Interakce s formuláři
• Vytváření prvků HTML
• Přidávání CSS

Co je DOM v JavaScriptu?

Objektový model dokumentu nebo DOM vytvoří prohlížeč při načtení webové stránky. V grafické podobě je to jako strom prvků nazývaných také uzly, které slouží k reprezentaci každého jednotlivého prvku na stránce.

Veškerý DOM naší webové stránky je umístěn uvnitř objektu dokumentu. Programově nám tento model umožňuje číst nebo dokonce měnit obsah naší stránky prostřednictvím . Není to v pohodě?

Akce DOM v JavaScriptu

Některé z akcí, které s tímto modelem můžeme provést, jsou:

• Změňte / odeberte prvky HTML v DOM / na stránce.

• Změňte a přidejte styly CSS k prvkům

  datové struktury a algoritmy java

• Číst a měnit atributy (href, src, alt) atd.

  
  
  

  k čemu se nagios používá

• Vytvořte nové prvky a vložte je do DOM / stránky.

• Připojit posluchače událostí k prvkům (kliknout, stisknout klávesu, odeslat)

Dotaz na DOM v JavaScriptu

Uchopení prvku HTML nebo jeho uchopení za účelem přidání / změny nebo obsahu se nazývá dotazování.

HTML kód:

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

Kód JavaScript:

var title = document.getElementById ('title') // barva cgangin na červenou title.style.color = 'red' var body = document.getElementById ('body') // změna barvy pozadí na světle modrou body.style. backgroundColor = 'lightblue'

Pomocí JavaScriptu jsme změnili barvu textu nadpisu z černé na červenou. Dosáhli jsme toho pomocí .styl vlastnost poté změnila hodnotu barva rovnat se síť .

Nyní změňme barvu pozadí prvku těla na světle modrá .

S tímto se dostáváme na konec tohoto DOM v článku o JavaScriptu. Doufám, že jste pochopili, jak fungují modely objektů dokumentu a jak implementovat stejný DOM v JavaScriptu.

Nyní, když víte o DOM v JavaScriptu, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

jak udělat sčítání v Javě

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „DOM v JavaScriptu“ a my se vám ozveme.