Penjelasan Tentang Method dan Method getElementById() pada HTML DOM
Hallo teman-teman bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan membahas sedikit mengenai HTML DOM, nah bagi teman-teman yang belum paham HTML DOM, apa sih html dom?
HTML DOM yaitu Sebuah model objek standar bagi html yang dapat mendefinisikan objek atau properti dari seluruh element html dan method bagi mengaksesnya, dengan kata lain HTML DOM dapat mengubah, menambahkan, dan menghapus element HTML.
Nah di sini saya akan mempraktekan method dan getElementById() di html dom, coba teman-teman bikin file HTML dan ketikan script berikut :
<!DOCTYPE html>
<html>
<body>
<p id=text>FAHRIZAL</p>
<script>
nama=document.getElementById(text);
document.write(<p>Nama Saya: + nama.innerHTML + </p>);
</script>
</body>
</html>
Script di atas menjelaskan bahwa kita punya id=”text” dengan nilai FAHRIZAL, nah di pada tag script saya membangun variable nama dengan nilai mengambil dari id text, itu berarti nilai FAHRIZAL telah kita ambil sehingga dapat kita cetak, nah document.write yaitu manfaat bagi mencetaknya sehingga hasilnya seperti berikut :
Oke teman-teman semoga bermanfaat, lumayan demikian artikel kali ini.
Terimakasih.
Sumber https://kursuswebsite.org
