![Merubah CSS dengan JavaScript / JQuery Merubah CSS dengan JavaScript / JQuery](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbDXHtrB9gy6bVKHtLHhAMPThp638B3Y7fP1VKCrUceeSdkprlmoF_EHjotJKD6UkqUnvUmByJq-FKVxCTMqD3dE5jVWlqEz41XbfWBzKTBh-R2il93m0q8RPzqPT5abpOu6CdgqE9DAU/s150-c/js-icon.png)
clear:both
pada gambar posting menjadi clear:left
. Untuk mengganti secara manual, mudah saja tinggal masuk ke editor postingan dan ganti kodenya. Tapi bagaimana kalau postingannya ada 1000? pasti keriting tuh jari ![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB2Ganlg8rqIryowi6wVC32xFV6XP7eVZMq1-eW1kX72cgoT_4UkabsZ2dSiDwSGXM8VGV718YxTHoOjoLFaaRE1Fz3pOlRQxVQAXR7NWBztvkUE_CPPRToRQeoHNa98fcYuC_R4D34yA/s1600/icon_smile.gif)
Sebagai catatan untuk saya pribadi dan sekaligus berbagi, mungkin sobat satu saat membutuhkannya, saya share bagaimana mengganti CSS dengan JavaScript atau dengan JQuery.
Sebagai contoh, saya punya kotak berwarna kuning, dengan tulisan putih, dengan CSS seperti ini :
.yellow-block {
margin:20px;
background:yellow;
padding:20px;
color:white;
font:normal 16px Arial;
}
Saya akan merubah background menjadi hijau dengan JavaScript :
var elems = document.getElementsByClassName('yellow-block');
for(var i = 0; i < elems.length; i++) {
elems[i].style.background = 'green';
}
Versi jQuery (saya rubah menjadi merah maroon supaya terlihat berbeda)
$('.yellow-block').css('background', 'maroon');
Jangan banyak nanya JS dan JQuery yaaa.. lagi belajar.
Tidak ada komentar:
Posting Komentar