تعديل محتوى Div ديناميكيًا باستخدام JavaScript

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

في هذا المثال، الهدف هو تعديل محتوى HTML الداخلي لـ div#content بناءً على اختيار المستخدم لأزرار الاختيار ذات القيم "A" أو "B." ومع ذلك، يفتقر عنصر div إلى "قيمة" سمة JavaScript لتسهيل هذا الإجراء.

ولمعالجة هذه المشكلة، توفر JavaScript حلاً مباشرًا من خلال استخدام خاصية InternalHTML لعنصر HTML. من خلال تنفيذ التعليمات البرمجية التالية:

document.getElementById("content").innerHTML = "whatever";

ضمن وظيفة ChangeDivContent()، يمكنك تعيين محتوى ديناميكيًا div#content إلى أي قيمة مرغوبة. يمكّنك هذا من تحديث محتوى عنصر div بسلاسة بناءً على إدخال المستخدم أو الشروط الديناميكية الأخرى داخل كود JavaScript الخاص بك.