Mengembalikan Node Spesifik HTML Menggunakan nextSibling DOM
 |
| Ilustrasi nextSibling DOM HTML |
node.nextSibling
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti nextSibling DOM
</title>
</head>
<body style="text-align: center">
<h1 style="color:green">
Blog Elfan
</h1>
<h2>
Properti nextSibling DOM
</h2>
<div>
<span id="p1">
Blog TIK!
</span>
<span id="p2">
Merupakan Portal Ilmu
Komputer.
</span>
</div>
<br>
<button
onclick="bonss()">
Click me!
</button>
<br>
<br>
<p
id="p"
style="margin:auto; width: 40%">
</p>
<script>
function bonss()
{
var x =
document.getElementById("p1").nextSibling.innerHTML;
document.getElementById("p").innerHTML = x;
document.getElementById("p").style.color = "white";
document.getElementById("p").style.background = "green";
}
</script>
</body>
</html>
Blog Elfan
Properti nextSibling DOM
- 2 Contoh Penggunaan Properti offsetHeight DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti offsetWidth DOM pada HTML [klik]
- Cara Penggunaan Properti offsetLeft DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti offsetParent DOM pada HTML [klik]
- Cara Penggunaan Properti offsetTop DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti ownerDocument DOM pada HTML [klik]
- Cara Penggunaan Properti parentNode DOM pada HTML [klik]
5 komentar untuk "Mengembalikan Node Spesifik HTML Menggunakan nextSibling 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 properti nextSibling DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti nextSibling DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari properti nextSibling DOM pada HTML?
BalasHapusProperti nextSibling berfungsi untuk mengembalikan node selanjutnya seperti node elemen, node teks, atau node komentar. Karakter spasi yang terletak diantara elemen juga merupakan node teks.
HapusProperti read-only nextSibling merupakan antarmuka node yang mengembalikan node segera setelah childNode induknya ditentukan, atau mengembalikan null jika node yang ditentukan adalah child terakhir pada elemen induk.
Hapus