Pada gambar diatas terlihat bahwa saat dokumen telah termuat maka class="x" pada body akan diubah oleh javascript menjadi class="cinta", dan dibawah ini kodenya
document.getElementsByTagName('body')[0].className = "cinta";
Perhatikan, gambar diatas adalah cara menambahkan class pada body, scriptnya dibawah ini.
document.getElementsByTagName('body')[0].className += " cinta";
Kenapa kita memberi spasi pada
"[spasi]cinta" itu dikarenakan agar nama classnya tidak berdempet yang menyebabkan css tidak bekerja, coba hapus spasinya pasti anda akan menemukan hasil seperti dibawah ini<body class="xcinta">
Jika pada css anda sudah menuliskan class tersendiri misalnya
.x {} dan .cinta {} maka kodenya tidak akan bekerja karena teks classnya sudah saling berhimpit. Itulah sebabnya pada kode " cinta" terdapat satu spasi fungsinya untuk memisahkan antara class yang satu dengan yang lain.ILUSTRASI
