Lompat ke konten Lompat ke sidebar Lompat ke footer

Properti firstElementChild DOM HTML dan Fungsinya

Properti firstElementChild DOM pada HTML berfungsi untuk mengembalikan child pertama dari node PreRequisiets apapun pada DOM HTML.

2 Nilai Return Properti firstElementChild DOM pada HTML
Ilustrasi firstElementChild DOM HTML

Sebelum memahami lebih dalam materi tentang Properti firstElementChild DOM HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Properti firstChild DOM HTML dan Fungsinya [klik], Keluar Fullscreen HTML Menggunakan exitFullscreen DOM [klik], dan Properti Dir HTML DOM dan Fungsinya [klik].

Parameter: Properti ini tidak membutuhkan parameter apapun dalam penggunaannya.

Baca Juga:

Return Values: nilai yang dikembalikan oleh properti firstElementChild adalah sebagai berikut.
  • 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()

Contoh:

<!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>

 

<

id="sections first node">

</p>

 

</body>

 

</html>

Output:

Blog Elfan

  • Array
  • LinkedList
  • Stack
  • Queue
  • Tree
  • Graph

Klik tombol untuk mendapatkan child node pertama dari node yang memiliki id "Sections".


Artikel ini didedikasikan kepada: Gracia Sandra Nourma Yunita, Habibah Dwi Yunisari Harsono, Hana Safitri, Hanifan Faza Setiaji, dan Hernandha Mika Zudhiestira.

6 komentar untuk "Properti firstElementChild DOM HTML dan Fungsinya"

  1. Jenis browser apa saja yang mendukung penggunaan properti firstElementChild DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti firstElementChild DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi properti firstElementChild DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti firstElementChild DOM pada HTML digunakan untuk mengembalikan elemen child pertama dari elemen yang telah ditentukan sebelumnya yang bersifat read-only.

      Hapus
  3. Apa berbedaan antara properti firstChild dan firstElementChild DOM pada HTML?

    BalasHapus
    Balasan
    1. Perbedaan 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

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 -