Properti Penyimpan Info Node

Monday, December 16th, 2019 - Artikel HTML DOM

Ada banyak properti DOM yang dapat dipakai untuk mengakses suatu node, sesudah itu memanipulasinya dengan JavaScript, contohnya properti itu:

nodeName
nodeValue
nodeType

nodeName
Properti nodeName dipakai untuk mengembalikan nama dari node ini. nodeName untuk Element node yaitu nama tag. nodeName untuk Attribute node yaitu 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 dipakai untuk mengembalikan nilai dari node ini. nodeValue untuk Element node yaitu undefined. nodeValue untuk Text node yaitu teks itu sendiri. nodeValue untuk Attribute node yaitu 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 dipakai untuk mengembalikan tipe dari node ini. nodeType untuk Element node yaitu 1. nodeType untuk Attribute node yaitu 2. nodeType untuk Text node yaitu 3. nodeType untuk Comment node yaitu 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>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Properti Penyimpan Info Node | Ahmad Code | 4.5

Html Dom Pendahuluan

Apa itu DOM? Document Object Model (DOM) ialah suatu platform and language-neutral interface yang memperbolehkan jadwal dan script secara dinamis...
Cara Mengakses Node

Node yang dikenal ELEMENT_NODE, ATTRIBUTE_NODE, TEXT_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE, CDATA_SECTION_NODE, PROCESSING_INSTRUCTION_NODE, dan COMMENT_NODE. Dari sekian banyak itu,...
Innerhtml

innerHTML dapat dipakai untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bab spesifikasi W3C DOM, tetapi properti ini...
Membuat Elemen Gres Dengan Dom

Anda dapat memakai beberapa metode dari DOM untuk membuat elemen, atribut, atau teks. Mereka adalah: createElement() setAttribute() createTextNode() appendChild() Berikut...
Memanipulasi Isi Dan Stylenya Suatu Elemen

Untuk artikel ini mungkin sudah banyak dibahas oleh kawan-kawan lainnya, dan mungkin tidak jauh berbeda. Kali ini ialah tutorial bagaimana...