ใช้เมธอด HTML DOM createTextNode() เพื่อสร้าง Text Node ด้วยข้อความที่ระบุ
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับเมธอด createTextNode() -
<!DOCTYPE html>
<html>
<body>
<h2>createTextNode() example</h2>
<p>Click the below button to create a p element with some text.</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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ในตัวอย่างข้างต้น −
เราได้สร้างปุ่ม CREATE ซึ่งจะรันฟังก์ชัน createText() เมื่อผู้ใช้คลิก -
<button onclick="createText()">CREATE</button>
เมธอด createText() สร้าง
องค์ประกอบโดยใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสาร และกำหนดให้กับตัวแปร x จากนั้นเราสร้างโหนดข้อความโดยใช้ createTextNode() กับข้อความบางส่วนและกำหนดให้กับตัวแปร p
จากนั้นเราผนวกโหนดข้อความเข้ากับองค์ประกอบ
โดยใช้เมธอด appendChild() สุดท้าย
องค์ประกอบพร้อมกับโหนดข้อความจะถูกผนวกเข้ากับเอกสารโดยใช้วิธี document.body appendChild():
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);
} 