כיצד להשתמש HTML <תבנית> & <משבצת> עם צל DOM
חריץ HTML הוא אחד הסטנדרטים המדהימים ביותר שנעשו על ידי W3C. שלב זה עם עוד מרשים W3C תקן שנקרא תבניות, ויש לך תערובת נהדרת לעבוד עם. להיות מסוגל ל ליצור ולהוסיף רכיבי HTML לדף באמצעות היא משימה הכרחית וחשובה.
זה שימושי כאשר קטע קוד צריך מופיעים רק בזמנים מסוימים, או כאשר אתה לא רוצה להקליד מאות אלמנטים HTML מובנים באופן דומה אבל רוצה להפוך את התהליך לאוטומטי.
יצירת רכיבי HTML ב- JavaScript היא לא כל כך רצוי. זה טרחה שיש לבדוק לבדוק מחדש אם יש לך את כל התגים מכסים, להציב אותם בסדר הנכון, בסך הכל, יש רק מדי הרבה להקליד ולעקוב אחר. אבל המהומה הזאת, יש פתרון כאשר התג הופיע. אם משהו צריך להיות נוסף לדף באופן דינמי, אתה יכול לשים אותו בתוך אלמנט.
במאמר זה, אני אראה לך איך אתה יכול להשתמש תגים יחד עם ליצור מפעל מיני HTML השולחן שיכול ליצור ולאכלס מאות טבלאות דומות.
ה
ה תג מחזיקה קוד HTML זה לא יוצגו על ידי דפדפנים עד שהוא נוסף כראוי למסמך, באמצעות JavaScript. ה אלמנט.
א צל DOM דומה ל- DOM רגיל (מודל המסמך מנותח מ- HTML). זה יוצר עץ scoped (עץ DOM צל), כי יש שורש משלה והוא יכול גם להיות בסגנון משלה.
כאשר אתה מכניס את עץ DOM צל אלמנט במסמך הראשי - האלמנט ייקרא מארח צל -, כל האלמנטים הילד של המארח צל המסומנים עם חריץ (לא זהה לאמור לעיל
צל DOM, כמו לכתוב מאמר זה (יולי 2017), הם נתמך רק בדפדפנים מבוססי WebKit ו- Blink אבל אתה יכול לבדוק את המצב בפועל של תמיכה בדפדפן על CanIUse בכל עת.
הגדרת HTML
עדיין מבלבל? בואו לראות כמה קוד, החל עם אלמנט.
בפנים בתוך התבנית, הוספתי גם כמה סגנונות בסיסיים עבור הטבלה, באמצעות , יש ללא שם: אנו להשתמש כתוכנית ל יצירת כמה טבלאות זה יתווסף למסמך. יש
ו ) מתנהג כמו מצייני מיקום עבור כותרות העמודות וערכי התאים. כל חריץ יש ייחודי שם תכונה זו מזהה אותו.