مثال
إنشاء <button> العنصر:
var btn = document.createElement("BUTTON");
وستكون النتيجة:
انها محاولة لنفسك » غالبا ما تحتوي على عناصر HTML النص. لإنشاء زر مع النص يجب أيضا إنشاء عقدة النص الذي إلحاق <button> العنصر:
مثال
إنشاء زر مع النص:
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>وستكون النتيجة:
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و createElement() طريقة يخلق عقدة العنصر ذو الاسم المحدد.
نصيحة: استخدم createTextNode() طريقة لإنشاء عقدة النص.
نصيحة: بعد إنشاء العنصر، استخدم عنصر. appendChild() أو العنصر. insertBefore() طريقة لإدراج ذلك في الوثيقة.
دعم المتصفح
| طريقة | |||||
|---|---|---|---|---|---|
| createElement() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
document.createElement( nodename )قيم معلمة
| معامل | اكتب | وصف |
|---|---|---|
| nodename | String | مطلوب. اسم العنصر الذي تريد إنشاء |
تفاصيل تقنية
| قيمة الإرجاع: | كائن العنصر الذي يمثل عقدة عنصر خلق |
|---|---|
| صفحة DOM: | المستوى الأساسي كائن 1 الوثيقة |
مزيد من الأمثلة
مثال
إنشاء <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> انها محاولة لنفسك » مثال
إنشاء <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" انها محاولة لنفسك »