متد document.createElement

مثال (متد document.createElement)

ایجاد یک عنصر <button>:

var btn = document.createElement("BUTTON");

نتیجه کد بالا:

عناصر HTML اغلب شامل متن هستند. برای ایجاد یک دکمه به همراه متن، شما باید یک گره Text را ایجاد کرده و آن را به عنصر <button> اضافه کنید.

مثال (متد document.createElement)

ایجاد یک دکمه به همراه متن:

var btn = document.createElement("BUTTON");        // Create a <button> element
var t = document.createTextNode("CLICK ME");       // Create a text node
btn.appendChild(t);                                // Append the text to <button>
document.body.appendChild(btn);                    // Append <button> to <body>

نتیجه کد بالا:

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

از متد createElement() برای ایجاد یک گره عنصر، با یک نام مشخص شده اسفاده می شود.

نکته: می توانید از متد createTextNode() برای ایجاد یک گره متن، استفاده کنید.

نکته: بعد از اینکه یک عنصر را ایجاد کردید، می توانید با استفاده از متد element.appendChild() یا element.insertBefore() ، عنصر را به صفحه اضافه کنید.

پشتیبانی مرورگرها

متد
createElement()	بله	بله	بله	بله	بله

نحوه استفاده

document.createElement(nodename)

مقادیر پارامترها

پارامتر	Type	توضیحات
nodename	String	ضروری. نام عنصری که می خواهید ایجاد کنید.

جزئیات تکنیکی

مقدار برگشتی	یک شیء Element که مشخص کننده ی عنصر ایجاد شده است.
DOM Version:	Core Level 1 کلیه توابع و خصوصیت های شیء Document در JavaScript

مثال - خودتان امتحان کنید

مثال (متد document.createElement)

ایجاد یک عنصر <p> به همراه مقداری متن ، و سپس اضافه کردن آن به سند:

var para = document.createElement("P");                       // Create a <p> element
var t = document.createTextNode("This is a paragraph");       // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.body.appendChild(para);                              // Append <p> to <body>

خودتان امتحان کنید »

مثال (متد document.createElement)

ایجاد یک عنصر <p> و سپس اضافه کردن آن به یک عنصر <div>:

var para = document.createElement("P");                       // Create a <p> element
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.getElementById("myDIV").appendChild(para);           // Append <p> to <div> with id="myDIV"

خودتان امتحان کنید »

کلیه توابع و خصوصیت های شیء Document در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 8235

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.