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

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

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

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

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

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

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

خاصية innerText

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

HTML
let apple = document.getElementById('apple');
apple.innerText = "This text updated by JavaScript";

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

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

HTML
let firstElement = document.getElementById("myheading");
firstElement.innerText += " Closetag.com!";

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

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

HTML
let firstElement = document.getElementById("myheading");
firstElement.innerText = "Closetag.com!  " + firstElement.innerText ;