DCSIMG
Add functionality using Document Object Model Prototypes (IE8) - שלמה גולדברג (הרב דוטנט)

שלמה גולדברג (הרב דוטנט)

מרצה בסלע ויועץ בעולם ה - net.

Add functionality using Document Object Model Prototypes (IE8)

 

אחד מהיכלות החדשות שיש לנו ב - IE8 זה ההוספה של prototype ל - DOM.
 
אני לא אסביר בפוסט הזה מהו ה - prototype. אבל אם אתם לא מכירים את המושג (שקיים כבר הרבה לפני IE8) אני ממליץ לכם לקרוא את הפוסט הזה (לפחות את החלק הראשון) - או את הפוסט הזה - Object Oriented Programming in JavaScript
 
ב - IE8 הוסיפו ל - DOM את היכולת לשנות ולהוסיף פונקציות בעזרת prototype.
 
לדוגמא. אני מניח שהרבה פעמים יצא לכל אחד מכם לכתוב פונקציה שנקראת כך:
 

function HideFunc(obj) {

    obj.style.display = 'none';

}

 
ומן הסתם השתשמתם בפונקציה כדי להסתיר אלמנטים במסך.
 
 
שימו לב לקוד הבא:
 

function HideFunc() {

    this.style.display = 'none';

}

 

function ShowFunc() {

    this.style.display = 'block';

}

 

Element.prototype.Hide = HideFunc;

Element.prototype.Show = ShowFunc;

 

<input type="button" value="click to hide" onclick="this.Hide()" />

 
למעשה הוספנו את המתודות Hide ו - Show לכל האלמנטים של ה - DOM - (מאוד מזכיר extension Method)
 
לקרחאה מלאה אודות היכולות של prototype על ה - DOM תוכלו לקרוא כאן

תוכן התגובה

שלמה גולדברג (הרב דוטנט) כתב/ה:

איך להוסיף ולשנות מאפיינים ל - DOM בעזרת prototype ב - IE8 כפי שהתחלתי לתאר כאן איך אפשר להוסיף ולשנות

# May 9, 2010 1:47 AM
שלח תגובה

(שדה חובה)  

(שדה חובה)  

(אופציונלי)

(שדה חובה) 

Please add 6 and 7 and type the answer here:


Enter the numbers above: