מודל אובייקט המסמך

שיעור 2 מתוך 13 בקורס שיטות DOM ב-JavaScript של Coddy.

מודל אובייקט המסמך (DOM) הוא ייצוג היררכי של מסמך HTML, שמאפשר ל-JavaScript לקיים אינטראקציה עם רכיבי דף אינטרנט ולשנות אותם.

ה-DOM מייצג מסמך HTML כעץ של אובייקטים.
כל רכיב בקוד HTML תואם לצומת בעץ.
המסמך עצמו הוא צומת השורש.
שיטות DOM שונות מאפשרות לגשת לצמתים האלה ולתוכן שלהם, ליצור אותם ולשנות אותם. כך אפשר לשנות את דף האינטרנט באופן דינמי.

לדוגמה, הקוד הזה:

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

ייוצג במבנה ה-DOM הבא:

בואו נעמיק!

נסו בעצמכם

השיעור הזה לא כולל אתגר קוד.

כל השיעורים ביחידה שיטות DOM ב-JavaScript

1מבוא

מבואמודל אובייקט המסמך

2שיטות DOM I

3שיטות DOM II

תרגלו בעצמכם: Web אונליין