Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas sedikit tentang HTML DOM, nah untuk teman-teman yang belum paham HTML DOM, apa sih html dom?
HTML DOM adalah Sebuah model objek standar untuk html yang dapat mendefinisikan objek atau properti dari semua element html dan method untuk mengaksesnya, dengan kata lain HTML DOM dapat mengubah, menambahkan, dan menghapus element HTML.
Nah di sini saya akan mempraktekan method dan getElementById() pada html dom, coba teman-teman buat 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 dalam tag script saya membuat variable nama dengan nilai mengambil dari id text, itu berarti nilai FAHRIZAL telah kita ambil sehingga dapat kita cetak, nah document.write adalah fungsi untuk mencetaknya sehingga hasilnya seperti berikut :
Oke teman-teman semoga bermanfaat, cukup sekian artikel kali ini.
Terimakasih.