פירושו - Document Object Modelבכלליות הוא אחראי על שינוי (דינאמיות) במבנה מסמך הHTML,למשל שיש לך תגית img ואתה רוצה בלחיצה לשנות את הsrc שלה אז יש לה את המאפיין src בDOM שמאפשר לך לשנות אותה מה שאתה צריך לעשות זה את הדבר הבא פשוט
function changeSrc(src) { var el; el=document.getElementById("imageId"); el.src=src; }
|
וזה לגבי כול האובייקטים והמאפיינים שלהם a,input,div,span..etc,אגב לגבי היצירת אובייקטים באוויר הכוונה היא ליצור אובייקטים כמו div/span/a/input בקיצור את רוב האלמנטים בHTML באמצעות JS
בשביל זה קיימים הפונקציות הבאות בDOM (יש המון זה רק הבסיס---)
createElement()=מקבל שם של אלמנט ויוצר אותו.
אחרי שאתה יוצר את האלמנט אתה צריך לתת לו attributes
בשביל זה יש את הפונקציות הבאות
setAttribute,getAttribute,removeAttribute
אני מניח שאתה תבין מה כול אחד עושה אם לא הינה הסבר
setAttribute=מקבל attribute ואת הערך שלו למשל לתגית a אתה תיתן href עם הערך של הקישור.
getAttribute - משמש בעיקר לבדיקות אם הattribute קיים לאותו אלמנט.
removeAttribute- מסיר את הattribute מהאלמנט.
replaceNode
replaceChild
cloneNode
insertBefore
firstChild
childnodes
nodevalue
data
text
ועוד המון המון תוכל ללמוד עליהם בw3schools.com או באתר של מוזילה mdc תריץ חיפוש בגוגל.
מקווה שהבנת את העיקרון.