Categories: DOM » Node

Nodename

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

Sintaks:

Node.nodeName

Properti Node.nodeName di dukung oleh dominan 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 yakni ELEMENT_NODE, Node.nodeName mengembalikan nama tag.
  • Jika Node yakni ATTRIBUTE_NODE, Node.nodeName mengembalikan nama atribut.
  • Jika Node yakni 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 bila item pada indeks ke 0 di dalam NamedNodeMap memiliki nodeName yakni ‘id’, dapatkan atribut STYLE di dalam elemen P, lalu menetapkan nilai gres 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>
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 Digital Library (digilib) berbasis php

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

1 hour ago

Source code aplikasi rekrutmen karyawan berbasis web

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

7 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…

13 hours ago

Source Code Aplikasi Cuti Karyawan menggunakan php

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

19 hours 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

Source Code Aplikasi Managemen Surat Berbasis Web

Kemajuan teknologi hari ini menuntut aktifitas manusia untuk berjalan menjadi lebih aktif dan cepat. Tidak…

1 day ago