Mendapatkan Nilai Atribut HTML Menggunakan getAttribute DOM
 |
| Ilustrasi Method getAttribute() DOM HTML |
Object.getAttribute(attributename)
Parameter Value:
- attributename: membutuhkan parameter dengan tipe string untuk menspesfikasikan nama dari atribut yang dibutuhkan untuk mengambil nilai dari atribut elemen.
Return Values: berfungsi untuk mengembalikan nilai dari atribut spesifik pada suatu elemen. Method getAttribute() akan mengembalikan nilai null atau string kosong, jika atribut spesifik yang telah ditentukan ternyata tidak ditemukan pada elemen.
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Method getAttribute() DOM
</title>
</head>
<body>
<center>
<h1 style="color:green;width:50%;">
Blog Elfan
</h1>
<h2>
Method getAttribute() DOM
</h2>
<br>
<button
id="button"
onclick="Bons()">
Submit
</button>
<p id="mkn"></p>
<script>
function Bons()
{
var rk =
document.getElementById("button").getAttribute("onClick");
document.getElementById("mkn").innerHTML = rk;
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Method getAttribute() DOM
<!DOCTYPE html>
<html>
<head>
<title>
Method getAttribute() DOM
</title>
</head>
<body>
<center>
<h1 style="color:green;width:50%;">
Blog Elfan
</h1>
<h2>
Method getAttribute() DOM
</h2>
<a id="mkn" href="https://www.penelitian.id/">
Blog TIK
</a>
<br>
<br>
<button
id="button"
onclick="Bonss()">
Submit
</button>
<br>
<p id="rk"></p>
<script>
function Bonss()
{
var rk = document.getElementById("mkn").getAttribute("href");
document.getElementById("rk").innerHTML = rk;
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Method getAttribute() DOM
Blog TIK- 2 Contoh Penggunaan Properti innerHTML DOM [klik]
- 2 Contoh Penggunaan Properti innerText DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentElement() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method insertAdjacentHTML DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentText() DOM pada HTML [klik]
- 2 Parameter Method insertBefore() DOM pada HTML [klik]
- 2 Nilai Properti isContentEditable DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method getAttribute() DOM pada HTML?
BalasHapusBerikut adalah jenis browser populer yang dapat digunakan untuk mengaktifkan method getAttribute() DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 5.0
3. Microsoft Edge 12.0
4. Firefox 1.0
5. Opera 8.0
6. Safari 1.0
Apa fungsi dari method getAttribute() DOM pada HTML?
BalasHapusMethod getAttribute() DOM pada HTML merupakan antarmuka dari elemen yang berfungsi untuk mengembalikan nilai ataribut yang telah ditentukan pada suatu elemen. Jika nilai atribut yang diberikan tidak ada, maka nilai yang akan dikembalikan akan menjadi null atau string kosong.
HapusMethod getAttribute() HTML DOM digunakan untuk mendapatkan atau menyetel atribut yang berkaitan dengan elemen HTML tertentu yang telah ditentukan sebelumnya.
Hapus