Hallo teman-teman,balik lagi di tutorial dumet school, pada artikel kali ini saya akan mempraktekan bagaimana cara Menyisipkan Style CSS Pada Javascript HTML DOM sebelumnya apa sih HTML DOM? Apa bedanya dengan HTML biasa?,
Mungkin teman-teman ada yang sudah mengenal apa itu HTML DOM,DOM sendiri adalah (Document Object Model) dan HTML DOM adalah standar untuk bagaimana untuk dapat mengubah, menambah, atau menghapus elemen HTML.
Nah sekarang pada kasus kali ini kita akan mencoba menyisipkan css pada javascript HTML DOM, kita langsung saja praktekan, coba teman-teman buat sebuah file dan ketikan script berikut:
<!DOCTYPE html> <html> <body> <p id="paragraf">Hello World!</p> </body> </html>
saya membuat tag p dengan id paragraf, nah jika di save hasilnya hanya tampilan biasa karna kita belum atur cssnya, sekarang coba tambahkan script berikut untuk pengaturan cssnya :
<script>
document.getElementById("paragraf").style.color = "red";
document.getElementById("paragraf").style.fontFamily = "calibri";
document.getElementById("paragraf").style.fontSize = "30px";
</script>letakan script di atas diantara tag body, jadi keseluruhan scriptnya seperti ini :
<!DOCTYPE html>
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("paragraf").style.color = "red";
document.getElementById("paragraf").style.fontFamily = "calibri";
document.getElementById("paragraf").style.fontSize = "30px";
</script>
</body>
</html>saya mengatur cssnya dengan memanggil id yang bersangkutan dengan menggunakan getElementById(), jika sudah silahkan save, maka hasilnya akan seperti berikut :
oke cukup sekian artikel kali ini, semoga bermanfaat, terimakasih.
The post Menyisipkan Style CSS Pada Javascript HTML DOM appeared first on Kursus Website Terbaik.