Saturday, July 28, 2012

nodeName

Properti Node.nodeName (Core Level 1) mengembalikan DOMString yang menunjukkan name dari Node, dan namenya tergantung nodeTypenya.

Sintaks:

Node.nodeName

Properti Node.nodeName di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

ELEMENT_NODE tag name
ATTRIBUTE_NODE Atrr.name
TEXT_NODE "#text"
CDATA_SECTION_NODE "#cdata-section"
ENTITY_REFERENCE_NODE name of entity referenced
ENTITY_NODE entity name
PROCESSING_INSTRUCTION_NODE target
COMMENT_NODE "#comment"
DOCUMENT_NODE "#document"
DOCUMENT_TYPE_NODE document type name
DOCUMENT_FRAGMENT_NODE "#document-fragment"
NOTATION_NODE notation name

Berdasarkan tabel di atas:

  • Jika Node adalah ELEMENT_NODE, Node.nodeName mengembalikan nama tag.
  • Jika Node adalah ATTRIBUTE_NODE, Node.nodeName mengembalikan nama atribut.
  • Jika Node adalah TEXT_NODE, Node.nodeName mengembalikan "#text", dst.

Contoh di bawah ini mengembalikan nodeName dari elemen P:

<P ID="myp"></P> <SCRIPT TYPE="text/javascript"> alert(document.getElementById("myp").nodeName); // "P" </SCRIPT>

Contoh di bawah ini, menguji jika item pada indeks ke 0 di dalam NamedNodeMap mempunyai nodeName adalah 'id', dapatkan atribut STYLE di dalam elemen P, kemudian tetapkan nilai baru untuknya:

<P ID="myp" STYLE="color: red;">Lorem imsum...</P> <SCRIPT TYPE="text/javascript"> function foo() { var pElem = document.getElementsByTagName("p")[0]; if (pElem.attributes.item(0).nodeName === "id") { pElem.getAttributeNode("style").value = "color: green; font-size: 50px;"; } } window.onload = foo; </SCRIPT>