Mengembalikan Nilai Elemen HTML Menggunakan nextElementSibling DOM
node.nextElementSibling
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti nextSibling DOM
</title>
</head>
<body style="text-align: center">
<h2 style="color:green;">
Properti nextElementSibling DOM
</h2>
<h4 id="h42">
Bahasa Web:
</h4>
<select size="4">
<option>HTML</option>
<option id="Select">CSS</option>
<option>JAVA SCRIPT</option>
<option>XML</option>
</select>
<br>
<br>
<button onclick="bonss()">
Next of CSS
</button>
<br>
<br>
<p id="p" style="margin:auto; width: 40%"></p>
<script>
function bonss()
{
var a =
document.getElementById("Select").nextElementSibling;
document.getElementById("p").innerHTML = a.text;
document.getElementById("p").style.color = "white";
document.getElementById("p").style.background = "green";
}
</script>
</body>
</html>
Properti nextElementSibling DOM
Bahasa Web:
- 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]
- 2 Contoh Penggunaan Properti parentElement DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti nextElementSibling DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti nextElementSibling DOM pada HTML:
Hapus1. Google Chrome 2.0
2. Internet Explorer 9.0
3. Firefox 3.5
4. Opera 10.0
5. Apple Safari 4.0
Apa yang dimaksud dengan properti nextElementSibling() DOM pada HTML?
BalasHapusProperti nextElementSibling DOM pada HTML berfungsi untuk mengembalikan elemen berikutnya pada tree level yang sama. Properti nextElementSibling bersifat read-only.
HapusProperti read-only Element.nextElementSibling berfungsi untuk mengembalikan elemen segera setelah elemen yang ditentukan dalam list turunan pada induknya, atau null jika elemen yang telah ditentukan adalah elemen terakhir dalam list.
Hapus