Cara Menggunakan Properti Value DOM pada HTML
 |
| Ilustrasi Properti Value DOM HTML |
- Mengembalikan value atribut: attribute.value
- Mengatur value pada properti: attribute.value = value
- value: mendefinisikan value dari atribut.
Value Return: mengembalikan string value yang merepresentasikan nilai dari atribut.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Value DOM
</title>
<!-- script untuk mengubah value properti -->
<script>
function myFunction()
{
var x = document.getElementsByTagName("IMG")[0];
x.getAttributeNode("src").value =
"https://1.bp.blogspot.com/-NPazO99iFiA/YVh5SifERWI/AAAAAAAAOQg/rZXzixImaAQtM_2sAK58YUKPsqpKouW8gCK4BGAYYCw/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg";
}
</script>
</head>
<body style = "text-align:center">
<h1 style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Value DOM
</h2>
<img
src =
"https://3.bp.blogspot.com/-xt7aSJ_ULTc/YKiLDQwvGDI/AAAAAAAANvg/sGe_rRQpkBI1JlAQ_p3zT0skNK8PhpT4ACK4BGAYYCw/s16000/964d6513-5fb5-479e-b018-c0af234fddca.jpg"
width="180"
height="180">
<p>
Klik tombol untuk mengubah
nilai dari atribut "src" pada
gambar.
</p>
<!-- Tombol untuk mengubah properti value DOM -->
<button onclick = "myFunction()">
Try it
</button>
</body>
</html>
- 2 Contoh Penggunaan Method console.group() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.groupCollapsed() pada HTML [klik]
- Cara Penggunaan Method console.groupEnd() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.info() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.log() DOM pada HTML [klik]
- 3 Contoh Penggunaan Method console.table() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.time() DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan value properti DOM pada html?
BalasHapusBerikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan value properti DOM pada html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti value pada html?
BalasHapusProperti value digunakan untuk menetapkan atau mengembalikan nilai button value atribut. Atribut value menentukan nilai dasar yang berkaitan dengan button.
HapusCatatan: pada html, jika menggunakan elemen BUTTON pada form browser html yang berbeda, maka nilai yang dikirimkan dapat berbeda pula.
Hapus