Menambahkan Class Baru Pada Seluruh Gambar Supaya Responsive

Ceritanya saya hendak membuat semua gambar yang ada dalam postingan otomatis ditambahkan class baru supaya gambarnya menjadi responsive, dan saya menemukan solusinya, erikut adalah kode yang bisa digunakan.

1. Menggunakan Jquery


$("img").addClass(" responsive-img")

2. Tanpa Menggunakan jquery


var images = document.getElementsByTagName("img");
var i;
for(i = 0; i < images.length; i++) {
    images[i].className += " responsive-img";
}

3. Untuk Memasang nomor 2 di blog, maka tambahkan sedikit bumbu



//<![CDATA[ 

var images = document.getElementsByTagName("img");
var i;
for(i = 0;i < images.length; i++) {
    images[i].className += " responsive-img";
}

//]]>

Oh iya, class " responsive-img" adalah class yang digunakan dalam materializecss, kalau untuk bootstrap berarti " img-responsive", saya tambahkan spasi di awal supaya ketika ada class lain tidak menyatu tulisannya.

Referensi : https://stackoverflow.com/questions/ 6304233/adding-a-class-to-img-tags- using-javascript

"Belajar Dan Coba Berbagi"

Menambahkan Class Baru Pada Seluruh Gambar Supaya Responsive