انتقل إلى محتوى الدرس

Update HTML element content With JavaScript تحديث محتوي HTML عنصر بلغة جافا سكريبت

سنتعلم في هذا الدرس كيفية البحث عن عنصر داخل شجرة DOM Tree ثم التعديل وأضافة عناصر أو نصوص بداخله أو التعديل علي أي عناصر متفرعه منه داخل مستند HTML.

1 صفوف تعليمية
جافا سكريبت
4,869 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكنك التحكم في محتوي HTML العنصر عن طريق استخدام خاصية innerHTML وهي تغيير محتوي HTML لأي عنصر واستبداله بنصوص أو محتوي HTML اخر.

خاصية innerHTML

عن طريق هذة الخاصية يمكنك التعديل علي أي محتوي HTML بداخل أي عنصر في صفحة HTML بلغة جافا سكريبت.

HTML
let firstElement = document.getElementById("myheading");
firstElement.innerHTML = "<i>Welcome to Closetag.com!</i>";

الاحتفاظ بالمحتوي السابق

الاحتفاظ بالمحتوي السابق واضافة المحتوي الجديد بعدة عن طريق خاصية innerHTML.

HTML
let firstElement = document.getElementById("myheading");
firstElement.innerHTML += "<i>Closetag.com!</i>";

الاحتفاظ بالمحتوي السابق

الاحتفاظ بالمحتوي السابق واضافة المحتوي الجديد قبلة عن طريق خاصية innerHTML.

HTML
let firstElement = document.getElementById("myheading");
firstElement.innerHTML = "<i>Closetag.com! </i> " + firstElement.innerHTML;