|
DOM |
כרגע ה DOM נגיש אך ורק לגרסאות 5.x של הדפדפנים. מאחר וכרגע הדפדפנים היחידים הנתמכים ע"י ה DOM הינם Internet Explorer 5.0 ו Navigator 5.0/Mozilla , "זיהוי דפדפן" הינו דבר הכרחי כמעט בכל המקרים. "זיהוי דפדפן" היה אמור להיות פשוט כך:
|
if (parseInt(navigator.appVersion) >= 5)
{ // has dom support }
|
אך למרבה הצער ,
מיקרוסופט כיוננה את navigator.appVersion
למספר 4.0 בדפדפן Internet Explorer 5.0
. הם טוענים כי זה התבצע על מנת לשמור על
תאימות לאחור עבור אפליקציות אשר בודקות עבור
MSIE4 במקום עבור MSIE4
או גדול יותר. דבר זה מגדיל את הסיבוכיות
בבדיקת הדפדפן בהקשר לתמיכה ב DOM
בצורה משמעותית. הגישה הפשוטה ביותר לבדיקת
הדפדפן הינה:
|
if (parseInt(navigator.appVersion) >= 5 ||
navigator.appVersion.indexOf["MSIE 5"] != -1)
{ // has dom support }
|
זוהי הגישה בה אני
נוקט באפליקציות שלי. בתקווה , שמיקרוסופט
יכוננו את navigator.appVersion
בעתיד ב MSIE6 בצורה
נכונה – אך אם הם לא יעשו כך , קוד זה יצטרך
להשתנות.
לאלו מכם אשר
מכירים את האוספים document.all[] ואת document.layers[]
עלולים לחוש בהתחלה לא נוח עם השימוש ב W3C
DOM , ולכן יתכן וירצו להשתמש עם
אוספים דומים בהתחלה – ניתן ליצור זאת כך:
|
var docContents = document.getElementsByTagName("*");
|
לכך ניתן להתייחס
באותו האופן אשר מתייחסים ל document.all
או ל document.layers.
לדוגמא docContents[1]
יחזיר את ה tag השני
במסמך.
כעת שאתה מכיר קצת
את DOM ,
אתה מוכן ללמוד את הכללים הבסיסיים של DOM
– נסקור תחילה את נושא:הוספת אלמנט
חדש ל DOM.