Properti firstElementChild DOM HTML dan Fungsinya
 |
| Ilustrasi firstElementChild DOM HTML |
- Sebuah Node Object: berfungsi untuk merepresentasikan elemen child pertama dari suatu elemen.
- Null: berfungsi untuk mengembalikan nilai Null jika tidak terdapat child elemen apapun.
Sintak:
node.firstElementChild()
<!DOCTYPE html>
<html>
<head>
<title>
Properti firstElementChild
DOM pada HTML
</title>
<script>
// Kode JavaScript untuk
// mendapatkan node dengan
// nilai id "Section"
function example()
{
// x digunakan untuk
// menyimpan elemen dengan
// nilai id "Sections".
var x = document.getElementById("Sections" + ).firstElementChild.innerHTML;
document.getElementById("sections" +
" first node").innerHTML = x;
}
</script>
</head>
<body>
<p>
Blog Elfan
</p>
<ul id="Sections">
<li>Array</li>
<li>LinkedList</li>
<li>Stack</li>
<li>Queue</li>
<li>Tree</li>
<li>Graph</li>
</ul>
<p>
Klik tombol untuk mendapatkan
child node pertama dari node
yang memiliki id "Sections".
</p>
<!-- tombol digunakan untuk
menjalankan contoh fungsi -->
<button
onclick="example()">
Click
</button>
<p
id="sections first node">
</p>
</body>
</html>
Blog Elfan
- Array
- LinkedList
- Stack
- Queue
- Tree
- Graph
Klik tombol untuk mendapatkan child node pertama dari node yang memiliki id "Sections".
- 2 Contoh Penggunaan Method hasAttributes() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti ID DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti innerHTML DOM [klik]
- 2 Contoh Penggunaan Properti innerText DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentElement() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method insertAdjacentHTML DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentText() DOM pada HTML [klik]
Jenis browser apa saja yang mendukung penggunaan properti firstElementChild DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti firstElementChild DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi properti firstElementChild DOM pada HTML?
BalasHapusProperti firstElementChild DOM pada HTML digunakan untuk mengembalikan elemen child pertama dari elemen yang telah ditentukan sebelumnya yang bersifat read-only.
HapusApa berbedaan antara properti firstChild dan firstElementChild DOM pada HTML?
BalasHapusPerbedaan antara properti firstChild dan firstElementChild adalah firstChild mengembalikan node child pertama sebagai suatu node elemen, node teks, atau node komentar, bergantung pada node pertama yang muncul, sedangkan firstElementChild berfungsi untuk mengembalikan node child pertama sebagai bentuk node elemen yang mengabaikan node teks, dan node komentar.
Hapus