Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
merubah style dengan javascript
<html>
<head>
<title>Merubah style dengan javascript</title>
<style>
.box{ width: 200px; heigth:200px; background-color: blue; }
</style>
</head>
<body>
<div class="box"></div>
<script type="text/javascript">
var box = document.getElementsByClassName('box');
box.style.backgroundColor = 'yellow';
</script>
</body>
Mau merubah style dari className langsung dengan javascript gimana yah? tanpa harus menambah class baru. atau mengganti class. kode di atas gk berfungsi...
3 Jawaban:
var box = document.getElementsByClassName('box')[0];
box.style.backgroundColor = 'yellow';
pakai array kalau classname
Jawaban Terpilih
Nggak bisa, kalau document.getElementsByClassName dia ngembaliin Array object element, jadi kalau mau ngerubah kudu nentuin dulu index array mana yang harus dirubah. Beda sama document.getElementById soalnya dia kembaliannya bukan array, tapi single object element, jadi bisa langsung digunain.
Coba cara yang udah dijawab sama @wandifrog di atas. Untuk ngerubah semua (nggak satu-satu), kamu bisa looping arraynya.
makasih jawabannya, saya kira kalau classnya cuma satu, gk perlu masukin arraynya..