Add functionality using Document Object Model Prototypes (IE8)

20 באפריל 2010

אין תגובות

 


אחד מהיכלות החדשות שיש לנו ב – 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 תוכלו לקרוא כאן

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *