מבוא ל- DOM

• מאי 6, 2024

DOM הוא ראשי תיבות של Model Object Model. זוהי דרך להסתכל על HTML המאפשרת למפתחי אתרים ליצור פונקציות ולתפעל את הקוד בדרכים שאולי היו בלתי אפשריות.

ישנם שלושה סוגים בסיסיים של DOM; ה- DOM הליבה, שניתן להשתמש בו להגדרת כל מסמך ללא קשר לסוג; ה- XML ​​DOM, המשמש עם מסמכי XML, ו- HTML DOM. סוג אחרון זה הוא החשוב והשימושי ביותר עבור מפתחי HTML, כך שזו ה- DOM שמאמר זה יחקור.

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

כידוע, דף HTML מורכב מאלמנטים שונים כמו זה:



דף HTML לדוגמא

זו דוגמא לדף HTML בסיסי.

עם ה- DOM, כל רכיב (הכל בין קבוצת תגים אחת, כגון) הוא צומת. הצומת נקרא צומת השורש, והוא הבסיסי ביותר; יש לו שני צמתים לילד, הצומת והצומת. בדוגמה לעיל, הצומת הוא הילד של הצומת וה-

הצומת הוא הילד של הצומת.

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

לפרטים אודות אופן השימוש ב- HTML DOM, עיין במאמר הבא, "עבודה עם ה- DOM", אשר יפורסם בשבוע הבא.

הוראות וידאו: רועי עובדיה , JavaScript למתחילים (מאי 2024).