הבדלים בין גרסאות בדף "DOM:getElementById"

מתוך וויקי
קפיצה אל: ניווט, חיפוש
מ (תאימות לגרסאות 4 ומטה של IE: – תיקון שגיאת כתיב)
מ (monospace. יש באגים)
 
(4 גרסאות ביניים של אותו משתמש אינן מוצגות)
שורה 1: שורה 1:
document.getElementById היא השיטה לתפיסת אוביקט באמצעות JavaScript, והיא החלופה התקנית ל-document.all שמימושו קיים באקספולרר בלבד.
+
document.getElementById היא השיטה לתפיסת אוביקט באמצעות JavaScript, והיא החלופה התקנית ל-[[document.all]] שמימושו קיים ב[[אינטרנט אקספלורר|אקספלורר]] בלבד.
  
 
==תחביר==
 
==תחביר==
  
<pre class="code">'''element''' = document.getElementById('''id''');</pre>
+
<monospace dir="ltr">'''element''' = document.getElementById('''id''');</monospace>
  
==פרמטרים==
+
===פרמטרים===
  
 
* '''element''' הוא אוביקט.
 
* '''element''' הוא אוביקט.
שורה 12: שורה 12:
 
==דוגמא==
 
==דוגמא==
 
בקוד ה-HTML&rlm;:
 
בקוד ה-HTML&rlm;:
<pre class="code"><nowiki><span id="mySpan1">...</span></nowiki></pre>
+
<monospace dir="ltr"><span id="mySpan1">...</span></monospace>
  
 
בקוד ה-JavaScript&rlm;:
 
בקוד ה-JavaScript&rlm;:
<pre class="code">
+
<monospace dir="ltr">
 
element = document.getElementById("mySpan1");
 
element = document.getElementById("mySpan1");
element.innerHTML = "ככה ניגשים לאוביקט";
+
element.innerHTML = "ככה ניגשים לאובייקט";
</pre>
+
</monospace>
  
 
==הערות==
 
==הערות==
* ''דפדפנים תומכים'': IE (מגרסא 5 ומעלה), Mozilla (וכל דפדפן מבוסס גיקו), Opera, Safari.
+
* ''דפדפנים תומכים'': [[אינטרנט אקספלורר|IE]] (מגרסא 5 ומעלה), Mozilla (וכל דפדפן מבוסס [[gecko|גיקו]]), Opera, Safari.
* במקרה וניסיתם לפנות אל אוביקט שאינו קיים השיטה תחזיר NULL.
+
* במקרה וניסיתם לפנות אל אובייקט שאינו קיים השיטה תחזיר NULL.
  
 
==תאימות לגרסאות 4 ומטה של IE==
 
==תאימות לגרסאות 4 ומטה של IE==
שורה 29: שורה 29:
  
 
דוגמא:
 
דוגמא:
<pre class="code"><nowiki>
+
<monospace dir="ltr">
 
if (document.getElementById)
 
if (document.getElementById)
 
{
 
{
שורה 42: שורה 42:
 
   // קוד עבור דפדפנים ישנים שאינם תומכים בתקן (נטסקייפ 4, אינטרנט אקספלורר 3, וכו׳)‏
 
   // קוד עבור דפדפנים ישנים שאינם תומכים בתקן (נטסקייפ 4, אינטרנט אקספלורר 3, וכו׳)‏
 
}
 
}
</nowiki></pre>
+
</monospace>
  
 
----
 
 
את התיעוד המלא ניתן למצוא [http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-getElBId כאן]
 
את התיעוד המלא ניתן למצוא [http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-getElBId כאן]
 
----
 
----
 
תרמו לדף זה: ‫[[משתמש:Mano|Mano]], [[משתמש:ניר|ניר]], ‫[[משתמש:תומר|תומר]] ואחרים
 
תרמו לדף זה: ‫[[משתמש:Mano|Mano]], [[משתמש:ניר|ניר]], ‫[[משתמש:תומר|תומר]] ואחרים
 +
[[category:מפתחי אתרים]]

גרסה אחרונה מ־14:01, 23 באוקטובר 2006

document.getElementById היא השיטה לתפיסת אוביקט באמצעות JavaScript, והיא החלופה התקנית ל-document.all שמימושו קיים באקספלורר בלבד.

תחביר

<monospace dir="ltr">element = document.getElementById(id);</monospace>

פרמטרים

  • element הוא אוביקט.
  • id הוא מחרוזת, מאפיין ה-id (שמחויב להיות יחודי לפי DOM) של האוביקט הרצוי.

דוגמא

בקוד ה-HTML‏: <monospace dir="ltr">...</monospace>

בקוד ה-JavaScript‏: <monospace dir="ltr"> element = document.getElementById("mySpan1"); element.innerHTML = "ככה ניגשים לאובייקט"; </monospace>

הערות

  • דפדפנים תומכים: IE (מגרסא 5 ומעלה), Mozilla (וכל דפדפן מבוסס גיקו), Opera, Safari.
  • במקרה וניסיתם לפנות אל אובייקט שאינו קיים השיטה תחזיר NULL.

תאימות לגרסאות 4 ומטה של IE

אם חשוב לך שב־IE ישן (גרסא 4 ומטה) נוכל עדיין להשתמש (אם כי אין הרבה שמשתמשים בו בימינו), עלינו להשתמש ב־document.all. אמנם זה לא תקני, אבל זה מה שיש. לכן כדאי לעשות בדיקה אם הדפדפן תומך ב־document.getElementById. אם הוא תומך, אז להשתמש בו; אם לא, אז להשתמש ב־document.all.

דוגמא: <monospace dir="ltr"> if (document.getElementById) {

 // קוד עבור דפדפנים שתומכים בתקן

} else if (document.all) {

 // קוד עבור גירסה 4 של אינטרנט אקספלורר

} else {

 // קוד עבור דפדפנים ישנים שאינם תומכים בתקן (נטסקייפ 4, אינטרנט אקספלורר 3, וכו׳)‏

} </monospace>

את התיעוד המלא ניתן למצוא כאן


תרמו לדף זה: ‫Mano, ניר, ‫תומר ואחרים