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>