طريقة createElement() الخاصة بـ HTML DOM Document

التعريف والاستخدام

createElement() يُستخدم هذا الأسلوب لإنشاء عقدة عناصر.

انظر أيضًا:

طريقة appendChild() لعنصر

طريقة insertBefore() لعنصر

مثال

مثال 1

إنشاء علامة <p> وربطها إلى المستند:

const para = document.createElement("p");
para.innerText = "هذا هو فقرة";
document.body.appendChild(para);

جرب بنفسك

مثال 2

إنشاء علامة <p> وربطها إلى عنصر:

const para = document.createElement("p");
para.innerHTML = "هذا هو فقرة.";
document.getElementById("myDIV").appendChild(para);

جرب بنفسك

مثال 3

إنشاء زر:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

جرب بنفسك

النحو

document.createElement(tagName)

المعلمة

المعلمة وصف
tagName

مطلوب. اسم العلامة للعنصر الذي سيتم إنشاؤه.

يمكن استخدام أي حجم الأحرف لاسم العلامة HTML.

اسم العلامة XML يجب أن يُفرق بين الأحرف الكبيرة والصغيرة.

القيمة المُرجعة

نوع وصف
النقطة النقطة الجديدة المُنشأة تحتوي على اسم العلامة المحدد.

إطلاق

إذا كان هناك رموز غير قانونية في tagName، فإن هذا الأسلوب سيقوم بإطلاق رمز INVALID_CHARACTER_ERR استثنائية DOMException.

دعم المتصفح

document.createElement() هي خاصية مستوى DOM 1 (1998).

كل المتصفحات تدعمها:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
دعماً 9-11 دعماً دعماً دعماً دعماً