شرح صفوف ومحتوى الفقرة
تستخدم دالة ()createElement في لغة جافا سكريبت لأضافة عناصر جديدة في صفحة HTML عن طريق لغة جافا سكريبت ولكن يجب عليك تتبع هذة العملية بأضافة محتوي لهذا العنصر عن طريق دالة innerText أو innerHTML أو textContent ثم تتبع هذة العملية ايضاً بدالة ()appendChild لألحاق هذا العنصر بأب paraent متفرع من شجرة DOM الخطوات:
- انشاء عنصر جديد عن طريق دالة ()createElement.
- اضافة محتوي نصي أو محتوي HTML عن طريق هذة الدوال دالة innerText أو innerHTML أو textContent.
- ألحاق العنصر الجديد داخل أب Parent في شجرة DOM عن طريق دالة ()appendChild.
createElement() method Syntax
كيف تكتب دالة [ createElement ] createElement() method Syntax؟
HTML
document.createElement('tagName');createElement Parameters معطيات أو عوامل دالة ()createElement في لغة جافا سكريبت:
نقوم بتمرير الي دالة ()createElement عامل واحد وهو:
- Tag Name وهو علامة العنصر الزي تريد أنشاءه فأذا كنت تحتاج لفقرة نصية حدد p و1ذا كنت بحاجه الي عنوان رئيسي فحدد h1.
Create element append
يمكنك اضافة عنصر جديد عن طريق دالة ()createElement ودالة appenChild تضيف العنصر في نهاية parent بعد جميع العناصر.
HTML
let apple = document.createElement('h1');
apple.innerText = "Welcome To CloseTag.com";
document.body.appendChild(apple);Create element prepend
يمكنك اضافة عنصر جديد عن طريق دالة ()createElement ودالة ()prependت ضيف العنصر في parent قبل جميع العناصر.
HTML
let apple = document.createElement('h1');
apple.innerText = "Welcome To CloseTag.com";
document.body.prepend(apple);