Mendapatkan Nilai ID HTML Menggunakan ID DOM
 |
| Ilustrasi Properti ID DOM HTML |
HTMLElementObject.id
Properti: mengandung nilai dari atribut ID dan digunakan untuk mengembalikan nilai atribut ID.
<!DOCTYPE html>
<html>
<head>
<title>
Properti id DOM HTML
</title>
<style>
.BONS
{
display: block;
padding: 5px;
background-color: green;
color: white;}
#MKN
{
background-color: tomato;}
</style>
</head>
<body>
<h1 style="color:green;
font-weight:bold;
text-align:center;">
Blog Elfan
</h1>
<h2 style="color:green;
font-weight:bold;
text-align:center">
Properti ID DOM HTML
</h2>
<a class="BONS"
id="MKN"
href="#">
C programming
</a>
<a class="BONS"
href=" # ">
java
</a>
<a class="BONS "
href="# ">
Ruby
</a>
<button onclick="BONS() ">
Submit
</button>
<p id="SUDO "></p>
<script>
function BONS()
{
var x =
document.getElementsByClassName("BONS ")[0].id;
document.getElementById("SUDO ").innerHTML = x;
}
</script>
</body>
</html>
Output:Contoh: mengubah nilai dari ID tertentu.
<!DOCTYPE html>
<html>
<head>
<title>
Properti id DOM HTML
</title>
</head>
<body>
<center>
<h1 style="color:green;
font-weight:bold;
text-align:center;">
Blog Elfan
</h1>
<h2 style="color:green;
font-weight:bold;
text-align:center">
Properti ID DOM
</h2>
<p>
<a id="bonss"
href="#">
Blog TIK
</a>
</p>
<button onclick="bonss()">
Submit
</button>
<p id="mkn"></p>
<script>
function bonss()
{
document.getElementById("bonss").id = "sudo";
document.getElementById("mkn").innerHTML
="Nilai dari atribut ID"
+" berubah dari bonss ke"
+" sudo";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti ID DOM
- 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]
- Cara Penggunaan Method isDefaultNamespace() DOM pada HTML [klik]
- Cara Penggunaan Method isEqualNode() DOM pada HTML [klik]
- 2 Nilai Parameter pada Method isSameNode() DOM pada HTML [klik]
- Cara Penggunaan Method isSupported() DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti id pada DOM HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti id DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti ID DOM pada HTML?
BalasHapusProperti id digunakan untuk menetapkan atau mengembalikan id elemen atau nilai atribut dari id elemen, dimana nilai Id harus bersifat unik atau tidak sama dengan id yang lain pada suatu halaman, dan id tersebut sifatnya sering digunakan untuk mengembalikan elemen pada dokumen.
HapusProperti id digunakan untuk mendefinisikan identifier (ID) atau pengenal yang sifatnya unik pada seluruh dokumen. Tujuan dari penggunaan properti id adalah untuk mengidentifikasi elemen ketika menautkan menggunakan fragmen identifier, script, atau style (CSS).
Hapus