Vytváranie dynamických stránok zahŕňa priamy prístup k existujúcim prvkom, vytvorenie nových a zmena ich vlastností. Použitím document.getElementById javascript vám umožní nájsť zadaný element stránky s ID a zmeniť jeho vlastnosti.

Táto metóda je použiteľná pre všetky Značky HTML, ktoré majú jedinečný identifikačný identifikátor. V podstate sa používa na zmenu vlastností a obsahu značiek "div".

Prvky stránky

Hypertextový formát HTML vám umožňuje popísať jedinečné prvky a prvky triedy. Podľa definície je jedinečný prvok vždy jeden na stránke a môžu sa nastaviť prvky triedy.


Keď je stránka načítaná, konvertuje sa na strom DOM, v ktorom každý prvok nadobúda svoje vlastné miesto. Existuje mnoho spôsobov, pohyb drevené prvky, ale pri plnení informácie o stránke a zmeniť vlastnosti jeho prvky často odkazujú na unikátnym prvkom jeho číslo.

Vzorka popisovať jedinečné prvky

CSS stôl z troch divov popis: klobúky strana a strana obsah zápätie (suterén). Preto sú názvy identifikátorov: scHeader, scContent a scFooter.V časti «tela "vložiť popis premenných javascript: iLoadHeight, iLoadWidth zázrak a každý z jeho polohu na osi Y a vertikálne rozmery. Súradnice pozdĺž osi X sú nula a veľkosť tejto osisa rovná šírke okna prehliadača. Voliteľné premenné pre prístup k položkám: dHeader, dContent a dFooter.Spôsob JavaScript getElementById premenné dHeader, dContent dFooter a dostal skutočná hodnota divov boli použité pre polohovanie vo formáte aktuálnej veľkosti okna prehliadača. V rámci tohto príkladu je prítomnosť vymeniteľného čiapky, obsah a päty môžete meniť svoje vlastnosti tak, aby boli vždy na správnom mieste a majú správnu veľkosť pri zmene veľkosti okna prehliadača.

Základné vlastnosti prvkov

Hlavným cieľom tejto metódy JavaScript getElementById zmeniť obsah a vlastnosti prvku. Typicky je prvý prevod sa vykonáva výraz:

dHeader.innerHTML = 'Začiatok: Y =' + iHeaderCooY +,; H = "+ iHeaderSizeY;

dContent.innerHTML = 'Začiatok: Y =' + iContentCooY +,; H = '+ iContentSizeY;

dFooter.innerHTML = 'Začiatok: Y =' + iFooterCooY +,; H = '+ iFooterSizeY;

Tieto tri príkazy vyplňujú obsah značiek s informáciami o tom, čo získali súradnicu Y a akú výšku majú vertikálne. Vlastnosť innerHTML tag umožňuje umiestniť v akejkoľvek inej značky, ktoré môžu tvoriť ľubovoľne zložitú vnútornú formátovanie akéhokoľvek unikátny stránku tovaru. Najmä môžete kedykoľvek formátovať hlavičku, obsah stránky a pätu podľa potreby. Vložením ďalších značiek do týchto značiek môžete použiť triedy a iné identifikátory, ktoré sú popísané v pravidlách CSS.Časté používanie metódyjavascript getElementById - zmeniť vlastnosti prvkov. V tejto súvislosti sa rozumie dynamická zmena pravidiel CSS. Tieto pravidlá sú prístupné prostredníctvom všeobecnej vlastnosti "štýlu", ktorý zahŕňa prakticky všetky vlastnosti (pravidlá) CSS. Vo vyššie uvedenom príklade boli použité pravidlá "style.top", "style.left". Podobne môžete zmeniť ďalšie pravidlá prvkov stránky. Tretíkrát, ako metóda getElementById v jazyku javascript výrazne zjednodušuje prácu vývojára: zoskupenie a demontáž značiek v konkrétnom jedinečnom prvku. Napríklad v sekcii obsahu stránky je umiestnená tabuľka informácií, vykonaná vo forme značiek, pomenovaná podľa riadkov a stĺpcov konkrétnym spôsobom. Všetko je potrebné čítať a spracovávať, zachovávať pôvodnú polohu a dizajn.