DOM: Id, title, className a data

Vlastnost id vrací id objektu, případně s její pomocí můžeme definovat nové id

var nadpisy = document.getElementsByTagName('h1');
var prvni_nadpis = nadpisy[0];
var jmeno = prvni_nadpis.className;
window.alert(jmeno)

Proměnná nadpisy obsahuje pole nadpisů h1. Na dalším řádku jsme vybrali první nadpis. Nakonec jsme pomocí DOMu zjistili id tohoto nadpisu a vypsali jej pomocí dialogového okna.

Naprosto stejně funguje vlastnost title a className, které vracejí hodnoty atributů title a class. Obecně lze říci, že stejným způsobem můžete zjistit jakýkoli atribut, který si sami vymyslíte. Podmínkou je, že daný prvek tyto atributu ve skriptu skutečně obsahuje.

var nadpisy = document.getElementsByTagName('h1');
var prvni_nadpis = nadpisy[0];
var jmeno0 = prvni_nadpis.className;
var jmeno1 = prvni_nadpis.id;
var jmeno2 = prvni_nadpis.title;
var jmeno3 = prvni_nadpis.pesjitrnickusezral;
window.alert(jmeno3)

Vlastnost data vrací text prvku, případně atributu. Syntaxe - textový_objekt.data:

var nadpisy = document.getElementsByTagName('h1');
var prvni_nadpis = nadpisy[0];
var jmeno = prvni_nadpis.firstChild.data;
window.alert(jmeno)

Navigace