ตัวอย่าง
สร้างโหนดข้อความ:
var t = document.createTextNode("Hello World");
ผลที่จะได้รับ:
Hello World
ลองตัวเอง» องค์ประกอบ HTML มักจะประกอบด้วยของทั้งสองโหนดองค์ประกอบและโหนดข้อความ
เพื่อสร้างส่วนหัว (eg <h1>) คุณต้องสร้างทั้ง <h1> องค์ประกอบและโหนดข้อความ:
ตัวอย่าง
สร้าง <h1> องค์ประกอบที่มีข้อความบางส่วน:
var h = document.createElement("H1")
// Create a <h1> element
var t = document.createTextNode("Hello World"); //
Create a text node
h.appendChild(t);
// Append the text to <h1>ผลที่จะได้รับ:
Hello World
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
createTextNode() วิธีการสร้างโหนดข้อความที่มีข้อความที่ระบุ
เคล็ดลับ: ใช้ createElement() วิธีการในการสร้างองค์ประกอบโหนดที่มีชื่อระบุ
เคล็ดลับ: หลังจากโหนดข้อความจะถูกสร้างขึ้นให้ใช้ องค์ประกอบ appendChild() หรือ องค์ประกอบ insertBefore() วิธีการที่จะผนวกไปยังองค์ประกอบ
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| createTextNode() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
document.createTextNode( text )ค่าพารามิเตอร์
| พารามิเตอร์ | ชนิด | ลักษณะ |
|---|---|---|
| text | 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> ลองตัวเอง»