שיעור 3
דף 9: עוד אודות JavaScript DOM.
עד כה למדנו שיש ל- JavaScript אובייקטי ברירת מחדל, כמו Window. למדנו, שלאובייקטים יש מאפיינים המתארים אותם, ומתודות שמתארות את מה שהאובייקטים יכולים לבצע. עכשיו הוא הזמן לחקור בעובי הקורה.
אחד הדברים הנחמדים באובייקטים הוא שהמאפיינים שלהם, יכולים להיות אובייקטים בעצמם. לדוגמא, לחלונות יש מאפיינים שקרויים documen שמתייחסים למסמך ה- HTML הנוכחי. מסמך זה בעצמו הינו אובייקט בעל מאפיינים משל עצמו. ראינו דוגמא לכך כאשר חקרנו אודות החלפת תמונות. אם נחזור לשיעור הקודם, נגלה שיכולנו להחליף תמונות, כך:
<a href="#" onMouseOver="window.document.the_image.src='button_d.gif';"> change </a>
המחרוזת הארוכה הזו window.document.the_image.src='button_d.gif' מתוגרמת כך: "מצא את המאפיין document של החלון הנוכחי window, מצא את המאפיין the_image של document, מצא את המאפיין src של the_image וקבע אותו להיות button_d.gif". חתיכת תרגום, אה? הכל עובד, בגלל שחלונות הם אובייקטים, המסמכים שבחלונות הם אובייקטים, והתמונות שבמסמכים שבחלון, הם גם אובייקטים.
זה אולי נשמע הרבה מאוד פרטים לעקוב אחריהם, אבל בעצם, זה לא כ"כ נורא. DOM, מגדיר היררכיה קטנה של אובייקטים. הנה היא לפניכם:
במדריך זה, נשתמש רק בכמחצית מההירכיה המלאה המפורטת. רב החלק העסיסי שמתייחס להפיכת העמוד שלך ליותר דינמי קשור ל- DOM. ה- DOM מאוד עשיר בפרטים ויש להקדיש לו שיעור בפני עצמו. ולכן, עד תום שיעור זה נתרכז במאפיינים נוספים של אובייקט החלון.
חזור לתחילת הדף
לדף הבא «--
|
