DOM: nodeName a nodeValue

Vlastnost nodeName zjišťuje typ objektu. Obecná syntaxe: objekt.nodeName

var odstavce = document.getElementsByTagName('p');
var prvni_odstavec_text = odstavce[0].firstChild.nodeName;
window.alert(prvni_odstavec_text);

Pomocí metody getElementsByTagName jsme uložili odstavec jako objekt. Potom jsme použili vlastnost nodeName k zjištění typu prvního potomka. Pokud by prvním potomkem byl element, vrátila by vlastnost jeho jméno (P, H1, STRONG..).

NodeValue

Vlastnost nodeValue vrací hodnotu uzlu (atributu, elementu, komentáře..)

var odstavce = document.getElementsByTagName('p');
var prvni_odstavec_text = odstavce[0].firstChild.nodeValue;
window.alert(prvni_odstavec_text);

Tento skript vrátí hodnotu prvního dítěte odstavce (tedy textu)

var odstavce = document.getElementsByTagName('p');
odstavce[0].firstChild.nodeValue ="Text prvního odstavce";
window.alert(odstavce[0].firstChild.nodeValue);

Nyní ukládáme hodnotu prvnímu dítěti elementu p. . Pokud se po stisknutí tlačítka podíváte na první odstavec, uvidíte úplně jiný obsah než prve. Možná bychom očekávali, že bude změněn celý odstavec, tedy:

<p>
Vlastnost nodeName zjišťuje typ objektu. 
Obecná syntaxe:<strong> objekt.nodeName</strong>
</p>

se změní na:

<p>
Text prvního odstavce
</p> 

Avšak element strong zůstává na svém místě a to proto, že tento element je druhým dítětem (tedy není firstChild)

Navigace