انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبت

Create element by innerHTML in JavaScript انشاء عنصر عن طريق دالة innerHTML في لغة جافا سكريبت

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

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

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

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

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

Add element innerHTML Append

اضافة عنصر عن طريق دالة innerHTML داخل صفحة HTML في لغة جافا سكريبت.

HTML 
let myBody = document.body;
myBody.innerHTML += "<h1>Welcome To CloseTag.com<h1>";
جرّب بنفسك

Add element innerHTML Prepend

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

HTML 
let myBody = document.body;
myBody.innerHTML = "<h1>Welcome To CloseTag.com<h1> " + myBody.innerHTML;
جرّب بنفسك

Add element after click using innerHTML

اضافة عنصر بعد النقر علي زر المفأرة mouse داخل صفحة HTML بأستخدام خاصية innerHTML في لغة جافا سكريبت.

HTML 
let button = document.getElementById('button');
let myBody = document.body;
    myBody.innerHTML += "<h1>Welcome To CloseTag.com<h1>";
});
جرّب بنفسك

جميع فقرات هذا الدرس (انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبت)