Vytváření dynamických stránek zahrnuje přímý přístup k existujícím prvkům, vytváření nových a změny jejich vlastností. Použití metody document.getElementById javascript umožňuje najít prvek stránky se zadaným identifikátorem a změnit jeho vlastnosti.

Tato metoda je použitelná pro všechny HTML tagy, které mají jedinečný identifikační identifikátor. V podstatě se používá ke změně vlastností a obsahu značek "div".

Prvky stránky

Hypertextový formát HTML vám umožňuje popsat jedinečné prvky a prvky třídy. Podle definice je jedinečný prvek vždy jeden na stránce a mohou být nastaveny prvky třídy.


Když je stránka načtena, převede se do stromu DOM, ve kterém každý prvek zaujímá své vlastní místo. Existuje mnoho způsobů, pohyb dřevěné prvky, ale při plnění informace o stránce a změnit vlastnosti jeho prvky často odkazují na unikátním prvkem jeho číslo.

Vzorek popisovat jedinečné prvky

CSS stůl z tří Divov popis: klobouky strana a strana obsah zápatí (suterén). Podle toho jsou jména identifikátorů: scHeader, scContent a scFooter.V části «těla „vložit popis proměnných javaScriptu: iLoadHeight, iLoadWidth zázrak a každý z jeho polohu na ose Y a svislé rozměry. Souřadnice podél osy X jsou nula a velikost této osyse rovná šířce okna prohlížeče. Volitelné proměnné pro přístup k položkám: dHeader, dContent a dFooter.Způsob JavaScript getElementById proměnné dHeader, dContent dFooter a dostal skutečná hodnota Divov byly použity pro polohování ve formátu aktuální velikosti okna prohlížeče. V rámci tohoto příkladu je přítomnost vyměnitelného čepice, obsah a zápatí můžete měnit své vlastnosti tak, aby byly vždy na správném místě a mají správnou velikost při změně velikosti okna prohlížeče.

Základní vlastnosti prvků

Hlavním cílem této metody JavaScript getElementById změnit obsah a vlastnosti prvku. Typicky je první převod se provádí výraz:

dHeader.innerHTML = 'Začátek: Y =' + iHeaderCooY + ‚; H = '+ iHeaderSizeY;

dContent.innerHTML = 'Začátek: Y =' + iContentCooY + '; H = '+ iContentSizeY;

dFooter.innerHTML = 'Start: Y =' + iFooterCooY + '; H = '+ iFooterSizeY;

Tyto tři příkazy vyplňují obsah značek s informacemi o tom, co získali souřadnice Y a jaké jsou jejich výška vertikálně. Vlastnost innerHTML umožňuje vkládat do značky jiné značky, to znamená, že můžete vytvořit libovolně složité interní formátování jakéhokoli jedinečného elementu stránky. Zejména můžete kdykoli podle potřeby formátovat záhlaví, obsah stránky a zápatí. Vložením dalších značek do těchto značek se můžete seznámit s třídami a dalšími identifikátory popsanými v pravidlech CSS.Časté používání metodyjavascript getElementById - změna vlastností prvků. V této souvislosti se rozumí dynamická změna pravidel CSS. Tato pravidla jsou přístupná prostřednictvím obecné vlastnosti "stylu", která zahrnuje prakticky všechny vlastnosti (pravidla) CSS. Ve výše uvedeném příkladu byly použity pravidla "style.top", "style.left". Podobně můžete změnit i další pravidla prvků stránky. Třetí krok, kdy metoda javascript getElementById velmi zjednodušuje práci vývojáře: seskupování a demontáž značek v určitém jedinečném elementu. Například v části obsahu stránky je umístěna tabulka informací, provedená ve formě značek, pojmenovaná podle řádků a sloupců určitým způsobem. Všechno je třeba číst a zpracovávat, zachová si původní polohu a design.