2 Nilai Return Properti firstElementChild DOM pada HTML

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

Parameter: Properti ini tidak membutuhkan parameter apapun dalam penggunaannya.

Return Value: 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".

Komentar

  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

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C