Categories: DOM » Node

Nodevalue

Properti Node.nodeValue (Core Level 1) mengembalikan DOMString yang mengatakan value dari Node, dan valuenya tergantung nodeTypenya.

Sintaks:

Node.nodeValue

Properti Node.nodeValue di dukung oleh secara umum dikuasai browser: IE, Opera, Firefox, Google Chrome, dan Safari.

ELEMENT_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE null
ATTRIBUTE_NODE Attr.value
TEXT_NODE content of the text node
CDATA_SECTION_NODE content of the CDATA Section
PROCESSING_INSTRUCTION_NODE entire content excluding the target
COMMENT_NODE content of the comment

Berdasarkan tabel di atas:

  • Jika Node yaitu ELEMENT_NODE, Node.nodeValue mengembalikan null.
  • Jika Node yaitu ATTRIBUTE_NODE, Node.nodeValue mengembalikan nilai dari atribut.
  • Jika Node yaitu TEXT_NODE, Node.nodeValue mengembalikan keseluruhan isi dari TEXT_NODE, dst.

Contoh di bawah ini mengembalikan nodeValue dari first child elemen P ber-ID ‘myp’:

<P ID="myp">Lorem imsum…</P> <SCRIPT TYPE="text/javascript"> alert(document.getElementById("myp").firstChild.nodeValue); // "Lorem imsum…" </SCRIPT>

Contoh di bawah ini, menguji kalau item pada indeks ke 0 di dalam NamedNodeMap memiliki nodeValue yaitu ‘myp’, menetapkan atribut STYLE beserta nilainya untuk elemen P:

<P ID="myp">Lorem imsum…</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementsByTagName("p")[0]; if (pElem.attributes.item(0).nodeValue === "myp") { pElem.setAttribute("style", "color: green; font-size: 80px;"); } </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.
Ahmad Code

Share
Published by
Ahmad Code
Tags: DOM » Node

Recent Posts

Source code aplikasi kasir berbasis php

Berikut ini kami bagikan sebuah source code aplikasi php secara gratis kepada anda, yaitu aplikasi…

6 mins ago

Source code aplikasi Digital Library (digilib) berbasis php

Digilib Digital Library merupakan aplikasi yang dibuat dengan tujuan untuk mempermudah proses pemonitoran perpustakaan untuk…

6 hours ago

Source code aplikasi rekrutmen karyawan berbasis web

Aplikasi  rekrutmen karyawan berbasis web ini dibangun menggunakan codeigniter, cukup lengkap untuk sebuah aplikasi rekrutmen.…

12 hours ago

Source code aplikasi memilih lokasi di Indonesia berbasis web

Script yang akan kami share kali ini digunakan untuk form input nama lokasi, yang pertama…

18 hours ago

Source Code Aplikasi Cuti Karyawan menggunakan php

Meskipun masih sederhana tapi aplikasi cuti karyawan online ini cukup bagus untuk dijadikan bahan pembelajaran…

1 day ago

Source Code Aplikasi Kartu Rencana Studi (krs) Online

Sistem Perwalian Online Sistem kartu rencana studi online berbasis web, dibuat dengan menggunakan Codeigniter 2.1*.…

1 day ago