Document Object Model

Document Object Model (DOM) adalah representasi hierarkis dari dokumen HTML, yang memungkinkan JavaScript berinteraksi dengan dan memanipulasi elemen halaman web. 

• DOM merepresentasikan dokumen HTML sebagai pohon object.
• Setiap elemen dalam kode HTML berkorespondensi dengan node di dalam pohon.
• Dokumen itu sendiri adalah node akar.
• Berbagai method DOM memungkinkan kamu mengakses, membuat, dan mengubah node-node ini beserta kontennya. Ini memungkinkan kamu mengubah halaman web secara dinamis. 

Contohnya, kode ini:

<html>
	<head>
		<title>My title</title>
	</head>
	<body>
		<h1>A heading</h1>
		<a href="#">Link text</a>
	</body>
</html>

Akan direpresentasikan oleh struktur DOM berikut:

Mari kita bahas lebih dalam!