Saturday, July 28, 2012

nodeValue

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

Sintaks:

Node.nodeValue

Properti Node.nodeValue di dukung oleh mayoritas 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 adalah ELEMENT_NODE, Node.nodeValue mengembalikan null.
  • Jika Node adalah ATTRIBUTE_NODE, Node.nodeValue mengembalikan nilai dari atribut.
  • Jika Node adalah 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 jika item pada indeks ke 0 di dalam NamedNodeMap mempunyai nodeValue adalah 'myp', tetapkan 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>