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...

avatar bucekzershand
@bucekzershand

18 Kontribusi 3 Poin

Diperbarui 7 tahun yang lalu

3 Jawaban:

var box = document.getElementsByClassName('box')[0];
box.style.backgroundColor = 'yellow';

pakai array kalau classname

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

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.

avatar dalikewara
@dalikewara

351 Kontribusi 260 Poin

Dipost 7 tahun yang lalu

makasih jawabannya, saya kira kalau classnya cuma satu, gk perlu masukin arraynya..

avatar bucekzershand
@bucekzershand

18 Kontribusi 3 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban