Pada kesempatan kali ini saya akan menjelaskan cara menggunakan property nodeName JavaScript. Perlu teman-teman ketahui sebelumnya, nodeName adalah salah satu property JavaScript yang dapat kalian gunakan untuk mendapatkan nama atau jenis dari isi di suatu element html. Seperti pada contoh struktur element html berikut ini
<div id="kotak"> <!-- nama node ini adalah comment --> </div>
Seperti yang dapat kalian lihat dari kode diatas, dimana isi dari konten element tag yang memiliki attribute id kotak adalah jenis comment bukan text biasa, dan bagaimanakah untuk memastikannya bahwa nama atau jenis dari isi konten yang terdapat disuatu element benar-benar sesuai. Sebenarnya untuk memastikannya cukup mudah dan kalian bisa menggunakan property JavaScript nodeName. Dengan demikian kalian bisa mendapatkan nama atau jenis dari isi element tersebut. Dan untuk menerapkan property nodeName kalian bisa lihat kode JavaScript seperti yang saya contohkan dibawah ini.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cara Menggunakan Property nodeName JavaScript</title>
</head>
<body>
<div id="kotak"><!-- nama node ini adalah comment --></div>
<button onclick="klikFungsi()">Klik Disini</button>
</body>
</html>
<script type="text/javascript">
function klikFungsi() {
var elm = document.getElementById ("kotak");
var contentNode = elm.firstChild;
output ="";
output += "Nama node ini adalah: " + contentNode.nodeName;
alert (output);
}
</script>
Dari kode HTML & JavScript seperti pada contoh kode diatas akan menampilkan pesan alert yang dimana isi dari alert tersebut menjelaskan nama atau jenis dari isi konten yang berada didalam element tag html tersebut.
Sampai disini penjelasan saya mengenai cara menggunakan property nodeName JavaScript, semoga bermanfaat.