PHELOX memberi Anda sistem pelatihan JavaScript yang komprehensif dan gratis dengan contoh operasional, dari pemula hingga profesional.
Java Script Dapat Mengubah Konten HTML
Salah satu dari banyak metode JavaScript HTML adalah
getElementById().Contoh di bawah ini "menemukan" elemen HTML (dengan id="demo"), dan mengubah konten elemen (innerHTML) menjadi "Halo JavaScript":
Contoh 1:
document.getElementById("demo").innerHTML = "Halo JavaScript";JavaScript menerima tanda kutip ganda dan tunggal:
Contoh 2:
document.getElementById('demo').innerHTML = 'Halo JavaScript';JavaScript Dapat Mengubah Nilai Atribut HTML
Dalam contoh ini JavaScript mengubah nilai atribut
src (source) dari tag <img>:
Download Codes:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div style="width:100%;text-align:center">
<img id="_lightblb" src="https://cdn.phelox.com/assets/uploads/pic_bulboff.gif"><br><br>
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulbon.gif';" type="button" value="Turn on the light">
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulboff.gif';" type="button" value="Turn off th light">
</div>
</body>
</html>