تغيير محتوى النص

لتغيير محتوى النص في HTML، يمكنك استخدام إحدى الطريقتين التاليتين:

1. معالجة DOM

• يمكن لغة جافا سكريبت معالجة وثيقة HTML ديناميكيًا عن طريق تعديل كائن نموذج DOM الخاص بها.
• باستخدام DOM، يمكنك تحديد عناصر HTML وتغيير محتواها النصي.

2. استخدام innerText و innerHTML

• textContent: خاصية تمثل محتوى النص لعقدة العنصر.
• innerHTML: خاصية تمثل محتوى HTML لعقدة العنصر.

الخطوات العملية لتغيير محتوى النص:

1. حدد عنصر HTML الذي تريد تغيير نصه.
2. استخدم خاصية textContent أو innerHTML لتعيين المحتوى النصي الجديد.

مثال على جافا سكريبت:

// تحديد العنصر
const element = document.getElementById("my-element");

// تغيير محتوى النص الخاص به باستخدام textContent
element.textContent = "نص جديد";

// تغيير محتوى النص الخاص به باستخدام innerHTML
element.innerHTML = "<b>نص جديد</b>";

إرشادات لتسهيل الاستخدام:

• استخدم خاصية textContent لتغيير النص فقط، بينما استخدم innerHTML لتغيير المحتوى النصي والعلامات.
• لتجنب مشاكل ترميز HTML، استخدم innerHTML بحذر.
• اختبر التغييرات للتأكد من أنها تعمل كما هو متوقع.