Method Item HTML DOM dan Fungsinya
Method item() digunakan untuk mengembalikan node pada indeks spesifik pada html. Node yang dipanggil akan diurutkan sebagaimana kemunculannya pada source code. Indeks dari node list dimulai dengan 0.
Sintak:
nodelist.item( index )
atau
nodelist[ index ]
Value return: method ini mengembalikan node pada indeks spesifik.
Contoh:
 |
| Ilustrasi Method item() HTML |
Sebelum memahami lebih dalam materi tentang Method Item HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Memerika ID Elemen HTML Menggunakan Properti isID DOM [klik], Mendapatkan Nama Item HTML Menggunakan Method getNamedItem DOM [klik], dan Atribut OnToggle HTML dan Fungsinya [klik].
nodelist.item( index )
atau
nodelist[ index ]
Parameter: Method ini menerima indeks parameter tunggal yang digunakan untuk menampung indeks dari node yang membutuhkan nilai return. Method ini membutuhkan parameter dan indeks dimulai dengan 0.
Baca Juga:
Value return: method ini mengembalikan node pada indeks spesifik.
<!DOCTYPE html>
<html>
<head>
<title>
Method DOM item() pada HTML
</title>
<!-- script untuk mengubah
value node -->
<script>
function changeElement()
{
var bnb = document.getElementById("bonbon");
bnb.getElementsByTagName("P")[1].innerHTML =
"Selamat datang hari kebangkitan!";
}
</script>
</head>
<body>
<center>
<div id="bonbon">
<h1 style="color:green;">
Blog Elfan
</h1>
<p>
Portal Ilmu Komputer
</p>
<p>
Method item() DOM
</p>
</div>
<button onclick="changeElement()">
Klik Disini!
</button>
</center>
</body>
</html>
Output:
Blog Elfan
Portal Ilmu Komputer
Method item() DOM
Referensi Tambahan:
- Cara Menggunakan Properti Value DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.assert() DOM pada HTML [klik]
- Cara Penggunaan Method console.clear() DOM pada HTML [klik]
- Cara Penggunaan Method console.count() DOM pada HTML [klik]
- Cara Penggunaan Method console.error() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.group() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.groupCollapsed() pada HTML [klik]
Artikel ini didedikasikan kepada: Arya Moehammad Prakoso, Bagus Imawan, Belqis Aulia, Devia Maulida Himmatun Nafisa, dan Diko Satrio Graito Kencono.
Apa yang dimaksud dengan DOM?
BalasHapusDOM adalah document object model, merupakan program API untuk dokumen tipe XML dan HTML.
HapusDOM itu adalah salah satu ilmuan yang mengalami mutasi dan kemudian, menjadi musuh dari pahlawan super fantastic four.
HapusJenis browser apa saja yang dapat digunakan untuk mengaktifkan method item() DOM pada dokumen html?
BalasHapusBeberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method item() DOM pada dokumen html adalah sebagai berikut:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari