HTML5 - DOM část 1

The SLUNCE který odkazuje na Objektový model dokumentuNejde o nic jiného než o objektovou reprezentaci prvků, které jsou v našem dokumentu HTML, díky tomu můžeme vytvořit hlubší spojení s Javascriptem a dosahuje velmi zajímavých efektů; Abychom se však dostali na tuto úroveň, musíme nejprve velmi dobře vědět, jak se v rámci DOM zacházet s jeho implementací a používáním.
Pochopení DOM
Rozšiřování konceptu SLUNCE Můžeme také dodat, že se jedná o kolekci objektů, které představují HTML V dokumentu v jeho názvu vidíme, co je model, a klíčové slovo, které představuje, je reprezentativní model dokumentu HTML.
DOM je klíčovým nástrojem při vývoji WEB, protože nám poskytuje most mezi strukturou a obsahem mezi našimi dokumenty HTML a Javascript.
Model, o kterém mluvíme, je vytvořen prohlížečem při interpretaci HTML kódu, základní strukturu DOM lze vidět následujícím způsobem v diagramu na následujícím obrázku:

Jak vidíme, je založen na hierarchické struktuře, čímž docílíme toho, že můžeme cesty těchto vztahů využít k získávání informací nebo provádění strukturálních změn prostřednictvím Javascriptu.
Testování DOM
Na našem dokumentu provedeme několik jednoduchých testů, abychom si zvykli, jak s ním můžete pracovat. SLUNCE, jedním z prvních testů, které můžeme provést, je ověřit, zda je v dokumentu k dispozici funkce, podívejme se na následující kód:

 Příklad
Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností. 

Zde jsme udělali něco jednoduchého, nejprve zkontrolujeme, zda metoda existuje querySelectorAll, pokud existuje, pak proměnné přiřadíme obsah všech prvků obr mají ID paratext, protože provádíme kontrolu v případě, že selže, použijeme jiný způsob získání stejných dat, v tomto případě je to getElementById a později getElementByTagNameNakonec jednoduše pomocí naší definované proměnné procházíme jejím obsahem a měníme jejich vlastnosti CSS.
Zde můžeme vidět negativum, že pokud máme mnoho ověřování, náš kód se může stát složitým a nečitelným, vše je otázkou kompromisů mezi tím, čeho chceme dosáhnout, a způsobem, jak toho dosáhnout, tímto způsobem můžeme získat své Výsledek.
V další části tohoto tutoriálu se podíváme na několik pokročilejších příkladů, jak pokračovat v práci s DOM.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod