home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เมธอด HTML DOM createTextNode()

เมธอด HTML DOM createTextNode() ใช้สำหรับสร้างโหนดข้อความ (Text Node) ด้วยข้อความที่ระบุ

ตัวอย่าง

ลองดูตัวอย่างสำหรับเมธอด createTextNode() -

<!DOCTYPE html> <html> <body> <h2>createTextNode() example</h2> <p>คลิกปุ่มด้านล่างเพื่อสร้างองค์ประกอบ p พร้อมข้อความบางส่วน</p> <button onclick="createText()">CREATE</button> <script> function createText() { var x = document.createElement("P"); var p = document.createTextNode("This is a sample paragraph created with createTextNode()"); x.appendChild(p); document.body.appendChild(x); } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

เมธอด HTML DOM createTextNode()

เมื่อคลิกปุ่ม CREATE -

เมธอด HTML DOM createTextNode()

ในตัวอย่างข้างต้น -

เราสร้างปุ่ม CREATE ที่จะเรียกใช้ฟังก์ชัน createText() เมื่อถูกคลิกโดยผู้ใช้ -

<button onclick="createText()">CREATE</button>

เมธอด createText() สร้างองค์ประกอบ <p> โดยใช้เมธอด createElement() ของอ็อบเจกต์เอกสารและกำหนดให้ตัวแปร x เราจึงสร้างโหนดข้อความโดยใช้ createTextNode() พร้อมข้อความบางส่วนและกำหนดให้ตัวแปร p

เราจึงผนวกโหนดข้อความกับองค์ประกอบ <p> โดยใช้เมธอด appendChild() สุดท้ายองค์ประกอบ <p> พร้อมกับโหนดข้อความถูกผนวกกับเอกสารโดยใช้เมธอด appendChild() ของ document.body -

function createText() { var x = document.createElement("P"); var p = document.createTextNode("This is a sample paragraph created with createTextNode()"); x.appendChild(p); document.body.appendChild(x); }