tutorial pengembangan web terbaru
 

HTML DOM nodeName Propery

<Elemen Object

Contoh

Dapatkan nama node dari <p> elemen:

var x = document.getElementById("myP").nodeName;

Hasil x akan:

P
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti nodeName mengembalikan nama node yang ditentukan.

Jika node adalah node elemen, properti nodeName akan mengembalikan nama tag.

Jika node adalah node atribut, properti nodeName akan mengembalikan nama atribut.

Untuk jenis node lainnya, properti nodeName akan kembali nama yang berbeda untuk jenis node yang berbeda.

Tip: Anda juga dapat menggunakan TagName properti untuk mengembalikan nama tag dari elemen. Perbedaannya adalah bahwa TagName hanya kembali nama tag, sedangkan nodeName mengembalikan nama semua node (tags, attributes, text, comments) .

Properti ini adalah read-only.


Dukungan Browser

Milik
nodeName iya nih iya nih iya nih iya nih iya nih

Sintaksis

node .nodeName

Rincian teknis

Kembali Nilai: Sebuah String, yang mewakili nama node.

Kemungkinan nilai:

  • Mengembalikan tagname untuk node elemen, dalam huruf besar
  • Mengembalikan nama atribut untuk node atribut
  • Pengembalian "#text" untuk node teks
  • Pengembalian "#comment" untuk node komentar
  • Pengembalian "#document" untuk node dokumen
DOM Versi Inti Level 1 Node Obyek

contoh

Contoh lebih

Contoh

Dapatkan nama node dari <body> elemen:

var x = document.body.nodeName;

Hasil x akan:

BODY
Cobalah sendiri "

Contoh

Dapatkan nama-nama simpul dari <body> node anak elemen:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

Hasil txt akan:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
Cobalah sendiri "

Contoh

Dapatkan nama node, nilai node dan jenis simpul dari <div> elemen node anak pertama:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

Hasil txt akan:

The node name: #text
The node value: This is a div element.
The node type: 3
Cobalah sendiri "

Pages terkait

Referensi HTML DOM: elemen. tagname Properti

Referensi HTML DOM: simpul. NodeType Properti

Referensi HTML DOM: simpul. nodeValue Properti

Referensi HTML DOM: simpul. childNodes Properti


<Elemen Object