דילוג לתוכן העיקרי
בן אהרוני | מחשבים ואנשים

ניווט ראשי

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

תכונת innerHTML

תכונת innerHTML היא אחת מתכונות שפת JavaScript בה ניתן להשתמש כדי לבצע החלפה של ערך שורה אחד ב DOM בערך שורה אחר ב DOM.

ערך שורה חדש יכול להיות זהה מהותית לקודמו כך שמה שמוחלף הוא בהכרח ערך שורה ב DOM אך לא בהכרח תוכן ה HTML שלו.

אם היו JavaScript event listeners שרלוונטים לקטע שהוחלף, הם באופן טבעי לא ישפיעו על הקטע החדש, אפילו אם ה HTML זהה.

 

לפי דעתי innerHTML איננה חומר לימוד אלמנטרי לסטודנטים לשפת JavaScript ויש ללמדה רק אחרי תכונות כמו textContent, innerText וכן insertAdjacentHTML

התכונה textContent פולטת את התוכן הטקסטואלי של כל אלמנט שהוא (כולל למשל script וstyle) בעוד שהתכונה innerText פולטת רק את זה של אלמנטים שבתכנון נועדו להיות "קריאים לבני אדם" (כגון body וילדיו).

יצוין כי התכונה innerText מבדילה בין טקסט חבוי כגון טקסט שקיבל display: none לבין טקסט שלא כך שהיא לא תציג טקסט שלא.

 

אם מריצים innerHTML על השורה שמכילה את אלמנט ה body אז כל ה JavaScript event listeners באופן טבעי יפסיקו לעבוד.
יש דרך JavaScript לעקוף זאת עם event delegation אך זה המצב הטבעי.
לפעמים זה יכול לגרום אשלייה שכל תפריט בתצוגת מכשירים ניידים לא יעבוד אך לא בהכרח כך הדבר, שכן תפריטי תצוגת מכשירים ניידים נטוליי JavaScript שעובדים רק על HTML-CSS ימשיכו לעבוד.

תג
שפת JavaScript

בן אהרוני

להשאיר לי הודעה בכל עת

טלגרם 24 שעות

תמונת כפתור טלגרם

וואטסאפ 24 שעות

תמונת כפתור וואטסאפ

להתייעץ עימי על נושאי מחשוב ואינטרנט

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

קטגוריות מאמרים

ממשק משתמש
שיווק מוצרי שיער
ארגונים בינלאומיים
כלכלה
ביורוקרטיה קיצונית
כל הקטגוריות

מאמרים שעודכנו לאחרונה

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

בן אהרוני | הצהרת נגישות | יצירת קשר

כל הזכויות שמורות - בן אהרוני.
 אין להעתיק תוכן ללא אישור מפורש ממני בעל האתר.
 © 2025