ตัวอย่าง
สร้าง <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" ลองตัวเอง»