Mengganti Nama Node HTML Menggunakan renameNode DOM
Pada dokumen HTML, method document.renameNode() digunakan untuk melakukan rename dari node. Node yang mengalami rename atau perubahan nama harus dari tipe elemen dan attr.
Sintak:
document.renameNode(node, namespaceURI, nodename)
Parameter method renameNode() berfungsi untuk melewatkan node, namespaceURI, dan nodename sebagai nilai parameter.
Return Value: method ini mengembalikan object node yang merepresentasikan node yang mengalami rename.
 |
| Ilustrasi Method renameNode DOM HTML |
Sebelum memahami lebih dalam materi tentang Mengganti Nama Node HTML Menggunakan renameNode DOM, terlebih dahulu pelajari materi tentang: Menghapus Event Handler HTML Menggunakan removeEventListener DOM [klik], Mengbalikan URL HTML Menggunakan Referrer DOM [klik], dan Memeriksa Status Loading HTML Menggunakan readyState DOM [klik].
document.renameNode(node, namespaceURI, nodename)
- node: parameter node merepresentasikan object yang akan di rename.
- namespaceURI: parameter namespaceURI berfungsi untuk menunjukkan namespace URI dari node.
- nodename: parameter ini berfungsi untuk menentukan nodename baru.
Return Value: method ini mengembalikan object node yang merepresentasikan node yang mengalami rename.
Baca Juga:
Contoh: Program berikut mengambil paragraf pertama dari skrip HTML yang diberikan dan mengganti kontennya dengan "makandanmakan". Kemudian mengganti nama paragraf pertama menjadi <h1>.
<html>
<body>
<p>
hello
</p>
<button
onclick="myFunction()">
Rename
</button>
<script>
function myFunction()
{
var p = document.getElementsByTagName("P")[0]
.innerHTML="makandanmakan";
document.renameNode(p, null, "h1");
}
</script>
</body>
</html>
Output:
hello
Referensi Tambahan:
- 2 Contoh Penggunaan Method write() DOM pada HTML [klik]
- Cara Penggunaan Method writeln() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti accessKey DOM pada HTML [klik]
- 2 Contoh Penggunaan Method appendChild() DOM pada HTML [klik]
- 2 Contoh Penggunaan Atribut Properti DOM pada HTML [klik]
- Cara Penggunaan Method blur() DOM pada HTML [klik]
- Cara Penggunaan Properti childElementCount DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Didan Asri Majid, Dika Aryadi, Dimas Alrico, Dina Dwi Ningrum, dan Dino Arta Cahyono.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method renameNode() DOM pada HTML?
BalasHapusSebagian besar browser populer yang bisa mendukung penggunaan dari method renameNode() DOM tersebut.
HapusApa fungsi dari method renameNode() DOM pada HTML?
BalasHapusMethod renameNode() berfungsi untuk mengganti nama node tipe Elemen dan Attr pada dokumen html.
HapusMethod renameNode() berfungsi untuk melakukan rename atau penggantian nama dari node yang bertipe elemen atau attr.
Hapus