Monday, September 17, 2012

Properti Penyimpan Informasi Node

Ada banyak properti DOM yang bisa digunakan untuk mengakses suatu node, setelah itu memanipulasinya dengan JavaScript, misalnya properti itu:

nodeName
Properti nodeName digunakan untuk mengembalikan nama dari node ini. nodeName untuk Element node adalah nama tag. nodeName untuk Attribute node adalah nama atribut. nodeName untuk Text node akan selalu #text. nodeName untuk Document node akan selalu #document.

Berikut mengembalikan nodeName dari elemen P:

<P>Lorem Ipsum.</P> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("P")[0]; alert(x.nodeName); //P </SCRIPT>

nodeValue
Properti nodeValue digunakan untuk mengembalikan nilai dari node ini. nodeValue untuk Element node adalah undefined. nodeValue untuk Text node adalah teks itu sendiri. nodeValue untuk Attribute node adalah nilai dari atribut.

Berikut mengembalikan nodeValue dari First Child elemen P:

<P>Lorem Ipsum.</P> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("P")[0]; alert(x.firstChild.nodeValue); //Lorem Ipsum. </SCRIPT>

nodeType
Properti nodeType digunakan untuk mengembalikan tipe dari node ini. nodeType untuk Element node adalah 1. nodeType untuk Attribute node adalah 2. nodeType untuk Text node adalah 3. nodeType untuk Comment node adalah 8, dst.

Berikut mengembalikan nodeType dari First Child elemen P:

<P>Lorem Ipsum.</P> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("P")[0]; alert(x.firstChild.nodeType); //3 </SCRIPT>