Anchors Collection DOM HTML dan Fungsinya
 |
| Ilustrasi Anchors Collection DOM HTML |
document.anchors
Properti: mengandung panjang nilai yang mengembalikan angka dari elemen <a> pada dokumen.
Method: anchors collection DOM mengandung tiga method yang diperlihatkan sebagai berikut.
- [index]: digunakan untuk mengembalikan elemen <a> pada indeks yang diseleksi. Nilai indeks dimulai dengan nilai 0, yang akan mengembalikan nilai NULL jika indeks value berada diluar dari jangkauan.
- item(index): digunakan untuk mengembalikan elemen <a> dari indeks yang diseleksi. Nilai indeks dimulai dengan nilai 0, yang akan mengembalikan nilai NULL jika nilai indeks berada diluar dari jangkauan.
- namedItem(id): digunakan untuk mengembalikan elemen <a> dari koleksi yang disertai dengan atribut id. Method ini juga akan mengembalikan nilai NULL jika id bernilai tidak valid.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
anchors collection DOM
</title>
<style>
.mkn
{
font-size:40px;
font-weight:bold;
color:green;}
body
{
text-align:center;
font-family:Times;}
</style>
</head>
<body>
<a
name=""
class="mkn">
Blog Elfan
</a>
<h2>
anchors Collection DOM
</h2>
<a
name="">
Contoh 1
</a>
<br>
<a
name="">
Sudo Placement
</a>
<br>
<a
name="">
mkn
</a>
<br><br>
<button
onclick="bonbons()">
Submit
</button>
<p id="sudo"></p>
<script>
function bonbons()
{
var x = document.anchors.length;
document.getElementById("sudo").innerHTML =
"Angka dari Anchors elements: " + x;
}
</script>
</body>
</html>
Output:<!DOCTYPE html>
<html>
<head>
<title>
anchors collection DOM
</title>
<style>
.mkn
{
font-size:40px;
font-weight:bold;
color:green;}
body
{
text-align:center;
font-family:Times;}
</style>
</head>
<body>
<a
name=""
class="mkn">
Blog Elfan
</a>
<h2>
Anchors Collection DOM
</h2>
<a
name="">
Contoh 2
</a>
<br>
<a
name="">
Sudo Placement
</a>
<br>
<a
name="">
mkn
</a>
<br><br>
<button
onclick="bonbons()">
Submit
</button>
<p id="sudo"></p>
<script>
function bonbons()
{
var x = document.anchors[2].innerHTML;
document.getElementById("sudo").innerHTML =
"Anchor Element Kedua: " + x;
}
</script>
</body>
</html>
Output:- 2 Contoh Penggunaan Properti Cookie DOM pada HTML [klik]
- Cara Penggunaan Properti characterSet DOM pada HTML [klik]
- 2 Contoh Penggunaan Method createAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method createComment() DOM pada HTML [klik]
- Cara Penggunaan Method createDocumentFragment() DOM pada HTML [klik]
- 4 Tahap Menciptakan Elemen Menggunakan Method createElement() DOM [klik]
- 16 Event Method Penggunaan createEvent DOM pada HTML [klik]
5 komentar untuk "Anchors Collection DOM HTML dan Fungsinya"
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 -
Apa yang dimaksud dengan anchor collection pada elemen html?
BalasHapusAnchors collection digunakan untuk mengembalikan semua koleksi elemen < a . pada dokumen yang memiliki nama atribut.
HapusCatatan: name atribut dari elemen anchor tidak didukung penggunaannya pada HTML5.
Anchors collection pada DOM digunakan untuk mengembalikan koleksi semua elemen dalam dokumen html, dan hanya menghitung elemen yang memiliki nilai atribut yang sama.
HapusSebutkan jenis browser apa saja yang dapat digunakan pada anchor collection html?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan anchor collection dom pada html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari