لإنشاء عدة عناصر
-
-
-
createElement() لإنشاء العناصر والدالة appendChild() لإضافتها إلى العنصر الأب المناسب. في البداية، يجب عليك الحصول على العنصر الأب الذي ترغب في إضافة العناصر إليه. في هذه الحالة، العنصر الأب هو الـ في هذا المثال، سنقوم بإنشاء أربعة عناصر
javascript// حصول على العنصر الأب
var parentElement = document.body;
// الحلقة لإنشاء العناصر
for (var i = 1; i <= 4; i++) {
// إنشاء عنصر div جديد
var newDiv = document.createElement('div');
// تعيين الخصائص المطلوبة
newDiv.id = 'div' + i;
// إضافة العنصر الجديد إلى العنصر الأب
parentElement.appendChild(newDiv);
}
بهذا، ستحصل على أربعة عناصر
document.body بأي عنصر آخر تريد إضافة العناصر إليه، مثل عنصر
المزيد من المعلومات
بالطبع، سنواصل تعزيز المقال بمزيد من التفاصيل والشرح حول كيفية إنشاء العناصر
الخطوة 1: الحصول على العنصر الأب
في الشفرة السابقة، استخدمنا document.body للحصول على العنصر الأب الذي سنقوم بإضافة العناصر إليه. يمكن استبداله بأي عنصر آخر داخل الصفحة، مثل عنصر
الخطوة 2: استخدام حلقة لإنشاء العناصر
بعد الحصول على العنصر الأب، نستخدم حلقة for لإنشاء العناصر
الخطوة 3: إنشاء العنصر
داخل الحلقة، نقوم بإنشاء عنصر
document.createElement('div')، ثم نعين خصائصه كما نريد. في هذا المثال، قمنا بتعيين هوية كل عنصر
'div1', 'div2', إلخ) لتكون فريدة لكل عنصر.
الخطوة 4: إضافة العنصر إلى العنصر الأب
باستخدام الدالة appendChild()، نضيف العنصر
الاستنتاج
باستخدام هذه الطريقة، يمكنك إنشاء العناصر
