روش createElement() مستند HTML DOM

تعریف و استفاده

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 Level 1 (1998) است.

این ویژگی در همه مرورگرها پشتیبانی می‌شود:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی می‌کند 9-11 پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند