Mengembalikan Node Sebelumnya HTML Menggunakan previousSibling DOM
node.previousSibling
Contoh:
<html>
<head>
<title>
Properti previousSibling DOM
</title>
</head>
<body style = "text-align: center">
<h1 style = "color:green">
Blog Elfan
</h1>
<h2>
Properti previousSibling DOM
</h2>
<div>
<span id="p1">
Blog TIK!
</span>
<span id="p2">
Merupakan portal ilmu
komputer.
</span>
</div>
<br>
<button onclick="bonn()">
Klik Disini!
</button>
<br><br>
<p
id="p"
style = "margin:auto; width: 40%">
</p>
<!-- Fungsi untuk
mengembalikan node
sebelumnya -->
<script>
function bonn()
{
var x =
document.getElementById("p2").previousSibling.innerHTML;
document.getElementById("p").innerHTML = x;
document.getElementById("p").style.color = "white";
document.getElementById("p").style.background = "green";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti previousSibling DOM
- Cara Penggunaan Method removeChild() DOM HTML [klik]
- 2 Parameter Method replaceChild() DOM pada HTML [klik]
- Cara Penggunaan Properti scrollHeight DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti scrollLeft DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti scrollTop DOM pada HTML [klik]
- Cara Penggunaan Properti scrollWidth DOM pada HTML [klik]
- Cara Penggunaan Method setAttributeNode() DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti previousSibling DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti previousSibling DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi method previousSibling DOM pada HTML?
BalasHapusProperti previousSibling DOM pada HTML berfungsi untuk mengembalikan node sebelumnya pada tree level yang sama, dimana nilai yang dikembalikan adalah berupa object node.
HapusProperti previousSibling berfungsi untuk mengembalikan node sebelumnya yang berada dalam bentuk node elemen, node teks, atau node komentar. Properti previousSibling DOM pada HTML merujuk pada teks spasi pada elemen sebenarnya yang ingin didapatkan oleh user.
HapusCatatan: Spasi yang terdapat diantara elemen juga merupakan bentuk node teks.