Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM

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.

2 Contoh Penggunaan Method item() DOM pada HTMLCollection
Ilustrasi Item DOM HTML

Sebelum memahami lebih dalam materi tentang Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM, terlebih dahulu pelajari materi tentang: Mengetahui Panjang History HTML Menggunakan History.length DOM [klik], Melakukan Loading URL Spesifik HTML Menggunakan History.go DOM [klik], dan Membaca Daftar History HTML Menggunakan History.forward DOM [klik].

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.

Baca Juga:

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


Artikel ini didedikasikan kepada: Nur Azizah Rahayu, Nur Hidayat Jati, Nur Shofiyatun, Nuraeni Setya Ningrum, dan Nurrachmad Firman Adhi Susilo.

6 komentar untuk "Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM"

  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

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 -