Mengganti Node Child HTML Menggunakan replaceChild DOM
- newChild: Merupakan parameter yang diperlukan dan mewakili node yang perlu dimasukkan.
- oldChild: Merupakan parameter yang diberlukan dan mewakili node yang perlu diganti.
Return Value: berfungsi untuk mengembalikan sebuah node object yang merepresentasikan node yang diganti.
<!DOCTYPE html>
<html>
<head>
<title>
Method replaceChild() DOM
</title>
</head>
<body>
<h1 style="color: green;">
Blog Elfan
</h1>
<h2>
Method replaceChild() DOM
</h2>
<p>Sorting Algorithm</p>
<ul id = "listitem">
<li>Insertion sort</li>
<li>Merge sort</li>
<li>Bubble sort</li>
</ul>
<button onclick ="Bonsss()">
Klik Disini!
</button>
<script>
function Bonsss()
{
var doc = document.createTextNode("Quick sort");
var list = document.getElementById("listitem").childNodes[0];
list.replaceChild(doc, list.childNodes[0]);
}
</script>
</body>
</html>
Blog Elfan
Method replaceChild() DOM
Sorting Algorithm
- Insertion sort
- Merge sort
- Bubble sort
- Cara Penggunaan Method setAttributeNode() DOM pada HTML
- Cara Penggunaan Properti tagName DOM pada HTML
- 2 Contoh Penggunaan Properti textContent DOM pada HTML
- 7 Nilai dari Properti Koordinat Geolokasi DOM pada HTML
- 2 Nilai Return Properti Geolokasi Posisi DOM pada HTML
- Cara Penggunaan Method History.back() DOM pada HTML
- Cara Penggunaan Method History.forward() DOM pada HTML
5 komentar untuk "Mengganti Node Child HTML Menggunakan replaceChild DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method replaceChild() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method replaceChild() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari method replaceChild() dom pada html?
BalasHapusMethod replaceChild() berfungsi untuk menggantikan nilai node child dalam node induk yang telah diberikan sebelumnya.
HapusMethod replaceChild dari suatu elemen Node berfungsi untuk menggantikan nilai node child dalam node induk yang telah diberikan sebelumnya.
HapusCatatan: Jika node baru sudah ada pada tempat atau lokasi lain di DOM, maka nilai tersebut akan dihapus terlebih dahulu dari posisi yang telah ditempati sebelumnya, dan digantikan ke posisi yang baru (replace).