Mendapatkan Item Nama HTML Menggunakan namedItem HTMLcollection
Method namedItem() pada HTMLcollection digunakan untuk mengembalikan elemen dengan ID spesifik, atau dengan nama atau konten pada elemen html collection pada dokumen html.
Sintak:
Parameter: mengandung nama sebagai nilai parameter yang merepresentasikan ID atau nama dari atribut yang ingin dikembalikan nilainya kepada user.
Return Values: berfungsi untuk mengembalikan object elemen, dan merepresentasikan elemen dengan ID atau nama spesifik. Jika tidak, maka akan mengembalikan nilai null jika elemen yang dicari tidak ditemukan.
Contoh:
 |
| Ilustrasi namedItem HTMLCollection |
Sebelum memahami lebih dalam materi tentang Mendapatkan Item Nama HTML Menggunakan namedItem HTMLcollection, terlebih dahulu pelajari materi tentang: Mengetahui Nilai Koleksi HTML Menggunakan Length HTMLcollection [klik], Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM [klik], dan Mengetahui Panjang History HTML Menggunakan History.length DOM [klik].
- HTMLCollection.namedItem(name)
- HTMLCollection[name]
Parameter: mengandung nama sebagai nilai parameter yang merepresentasikan ID atau nama dari atribut yang ingin dikembalikan nilainya kepada user.
Baca Juga:
Return Values: berfungsi untuk mengembalikan object elemen, dan merepresentasikan elemen dengan ID atau nama spesifik. Jika tidak, maka akan mengembalikan nilai null jika elemen yang dicari tidak ditemukan.
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: green;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Method namedItem()
HTMLCollection
</h2>
<p id="MKN">
Method namedItem() digunakan
untuk mengembalikan nilai
konten dari elemen dengan
nilai ID atau nama spesifik.
</p>
<button
onclick="Bonns()">
Submit
</button>
<script>
function Bonns()
{
var w =
document.getElementsByTagName("P").namedItem("MKN");
alert(w.innerHTML);
}
</script>
</center>
</body>
</html>
Output:
Blog Elfan
Method namedItem() HTMLCollection
Method namedItem() digunakan untuk mengembalikan nilai konten dari elemen dengan nilai ID atau nama spesifik.
Referensi Tambahan:
- Cara Penggunaan Properti Location Origin DOM pada HTML [klik]
- Cara Penggunaan Properti Lokasi Pathname DOM pada HTML [klik]
- 2 Sintak pada Properti Lokasi Port DOM pada HTML [klik]
- 2 Sintak Penggunaan Properti Location Protocol DOM pada HTML [klik]
- 2 Sintak Properti Location Search DOM pada HTML [klik]
- Cara Penggunaan Method Lokasi assign() DOM pada HTML [klik]
- 2 Parameter Method location.reload() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Nur Shofiyatun, Nuraeni Setya Ningrum, Nurrachmad Firman Adhi Susilo, Nurul Hidayah, dan Pingky Puteri Larasati.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method namedItem() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method namedItem() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan method NamedItem() DOM pada HTML?
BalasHapusMethod NamedItem() DOM pada HTML berfungsi untuk mengembalikan nilai elemen dengan ID yang telah ditentukan sebelumnya, atau melalui nilai nama dalam HTMLCollection.
HapusMethod HTMLSelectElement.namedItem() berfungsi untuk mengembalikan HTMLOptionElement yang sesuai dengan HTMLOptionElement yang nama atau nilai IDnya cocok dengan nama yang telah ditentukan sebelumnya, atau nilai null jika tidak ada opsi yang cocok.
Hapus