עבור לתוכן

getelementbyid למה הוא משמש?

על-ידי rosesr
ב תכנות

Featured Replies

פורסם

^^ ומה ההבדל בינו לבין document.obj-name?

תודה לכל העונים :)

  • ציטוט
    • פורסם

    היי,

    getElementById היא מתודה המאפשרת לך להגיע לכל אלמנט בתוך ה-DOM: מעבירים למתודה את הID של האלמנט ומקבלים חזרה הצבעה אליו, לאחר מכן ניתן לבצע פעולות על האלמנט שהוחזר.

    דוגמא:

    נניח שה-HTML נראה כך:

    <body>

    <table cellspacing="2" cellpadding="2" border="0">

    <tr>

    <td>

    <img id="img1" src="pic1.gif" height="10" width="50">

    </td>

    </tr>

    </table>

    </body>

    כדי לשנות את הSOURCE של התמונה אפשר לכתוב כך:

    var oImg = document.getElementById("img1");

    oImg.src = "pic2.gif";

    כמובן שאפשר גם לגשת לתמונה הזו כך:

    document.all.img1

    רק שאז יש לקחת בחשבון שהקוד הזה לא יעבוד בנטסקייפ.

    בהצלחה.

  • ציטוט
    • פורסם
    • מחבר

    אבל מה ההבדל בין זה לבין:

    document.images["img1"].src

    ??

    תודה על התגובה :)

  • ציטוט
    • פורסם

    בעיקרון כדי לשנות SOURCE של תמונה אפשר לגשת אליה בשתי הדרכים שצויינו, ההבדל הוא עפ"י מה מצביעים לתמונה:

    - getElementById -> הצבעה לתמונה בעזרת ה-ID שלה.

    - document.images -> הצבעה לתמונה בעזרת ה-שם שלה.

    שתי הדרכים טובות באותה מידה אלא אם כן הדפדפן לא תומך באחת מהן (מה שהיה נכון בייחוד בדפדפנים הישנים).

    אז כדי ללכת על הצד הבטוח כדאי תמיד לבדוק אם שיטה מסויימת נתמכת בדפדפן לפני שקוראים לה כדי להמנע משגיאות.

    הנה דוגמא:

    if ( document.images )

    {

    document.images["img1"].src = "new-img.gif";

    }

    else if ( document.getElementById )

    {

    document.getElementById("img1").src = "new-img.gif";

    }

    בהצלחה.

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים