2 Contoh Penggunaan Method item() DOM pada HTMLCollection

Method item() DOM pada HTML digunakan untuk mengembalikan konten dari elemen pada saat indeks diberikan dari daftar koleksi dari semua elemen HTML, yang dimulak dari nol (0). Elemen pada koleksi selanjutnya diurutkan sesuai dengan permintaan kemunculannya pada sourcecode program.

Sintak:
  • HTMLCollection.item(index)
  • HTMLCollection[index]

Parameter: mengandung sebuah angka yang merepresentasikan indeks dari elemen yang diinginkan oleh user untuk dikembalikan nilanya, yang dimulai dari angka 0.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<style>

h1 

{

color: green;

}

</style>

</head>

 

<body>

<center>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method item() HTMLCollection

</h2>

 

<button 

onclick="Bonns()">

Submit

</button>

 

<script>

function Bonns() 

{

var w = document.getElementsByTagName("h1");

alert(w.item(0).innerHTML);

}

</script>

 

</body>

</center>


</html>

Output:

Blog Elfan

Method item() HTMLCollection



Contoh: perubahan konten dari elemen HTML.

<!DOCTYPE html>

<html>

 

<head>

<style>

h1 

{

color: green;

}

</style>

</head>

 

<body>

<center>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method item() HTMLCollection

</h2>

 

<p>

Blog TIK

</p>

 

<button 

onclick="Bonns()">

Submit

</button>

 

<script>

function Bonns() 

{

document.getElementsByTagName("P")[0].innerHTML =

"BonnsForBonns";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Method item() HTMLCollection

Blog TIK

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method item() DOM pada HTMLCollection?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang sering digunakan untuk mengaktifkan method item() DOM pada HTMLCollection:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan method item() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method item() DOM pada HTML berfungsi untuk mengembalikan nilai node pada indeks yang telah ditentukan dalam object NodeList. Node tersebut kemudian diurutkan seperti yang muncul dalam kode sumber, dan indeks yang dimulai dari angka 0. Kumpulan node child dari object Node adalah contoh object NodeList.

      Hapus
  3. Apa fungsi method item() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method item() digunakan untuk mengembalikan nilai atribut berdasarkan nilai indeks dari NamedNodeMap.

      Catatan: nilai node diurutkan seperti yang muncul dalam kode sumber program.

      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