Tampilin kodenya juga ya...

DOM Javascript

Belajar DOM Javascript

coba bagian

var img= document.getElementById('gambar');

ganti jadi

var img= document.getElementById('#gambar');

eh bentar deh gan itu kan img, mungkin aja karena itu formatnya img bukan sebuah div jadi gak bisa di ganti, cobba aja tes dulu, kayak gini di css

<style>img{background:red;}</style>

berubah gak image agan jadi warna merah?

setau ane sih yang namanya img atau gamar ggak bakal terpengaruh sama yang namanya background-color, ataupun background karena statusnya udah berupa image dan mutlak gak bisa diganggu gugat kecuali agan ganti gambarnya

not working :'

Emang pada dasarnya... Tag html img gak bsa diganti pake warna gan..kecuali agan punya div yang dikasih bg hijau..lalu agan pakek script diatas buat ganti warna hijau jd warna merah.. Misalkan agan lunya code gini

<div style="background:green;" id="contoh"> halo semuanya</div>

Lalu agan tambahin script ini dibawahnya

<script>
document.getElementById("contoh").className = "merah";
</script>

Coba aja deh..pastikan agan dah buat class di cssnya namanya terserah agan..disini ane ngikutin css agan yg agan bikin diatas, dan pastikan targetnya bukan img..karena emang pada dasarnya img itu tdk dapat dirubah warnanya kecuali mengganti gambarnya sendiri gan

Anggep agan punya sebuah img, lalu agan kasih background color, atau background img..gak bakal ngaruh sedikitpun ke img

Ane punya solusi kecil, coba gini Css

<style>
.img{background:url(contoh.jpg);
Width:300px;
Heigth:300px;}

.merah{
Background:red !important;
Width:300px;
Height:300px;
}

Lalu buat tag div seperti ini

<div class="img" id="contoh">test</div>

Lalu buatkan script seperti ini

<script>document.getElementById("contoh").className = "red";<\script>

Insyaallah mau:)

maaf tp bukan itu mksd saya,iya sya ngerti kalau pake konsep kamu.Tp sya mau nekenin javascriptnya disini,fungsi dari menambahkan atribut pake javascript,jd ini bukan masalah pemecahan case.Tapi lebih ke fungsi javascript yg saya tanyakan,kenapa kk ilham bisa knp saya engga,pdhal kode nya juga udah sama banget.Btw makasih bnyak yah udah mau bantu saya

Btw td saya sudah coba ikutin kodingan agan diatas..memang gak mau..ternyata permasalahannya karena dia itu image dan gak bsa dikasih background.. Bukam gak bisa tapitidak kelihatan karena ditumpuk oleh gambarnya sendiri, kalo agan mau check coba pakek inspect element di google chrome lalu cari code img agan, setelah itu klik dan check di bagian style dikanan inspect element

Disiti kelihatan css yg aktif atau gak aktif, nah sebenarnya class .merah yang agan tadi tambahkan sudah ada namun tertumpuk sma imgnya sendiri..untuk mencegahnya ya pakek cara yg ane sampaikan diatas gan :) semoga membantu yak:)

kodenya saya yakin engga salah yang salah itu gambarnya. ane tebak deh itu gambar transparan atau enggak kalo yg di tutorial ya itu transparan maksudnya gimana jadi agan searching aja deh. akh kalo gitu gimana kode jsnya supaya jalan nah kan, untuk belajar cuma mau liat kodenya berhasil atau enggakk kan tambahin aja

.merah{
  border: 20px solid red;
}

nah bakalan keliatan tuh kodenya bsa jalan

hmm pantes aja, karena gambar yang dipakek hilman itu transparan jadi backgroundnya keliatan

warnanya ketutup gambar gan...

terimakasih semuanyaaaa ((: