วิธี createTextNode

วิธี createTextNode สร้าง โหนดข้อความใหม่ วิธีนี้รับพารามิเตอร์เป็น ข้อมูลที่จะถูกแทรกลงในโหนดข้อความใหม่

ไวยากรณ์

javascriptlet text = document.createTextNode(ข้อมูล);

ตัวอย่าง

มาสร้างโหนดข้อความใหม่ ในเอกสารกัน:

html<div id="parent">
  <p>text1</p>
  <p>text2</p>
</div>
javascriptlet parent = document.getElementById('parent');

let text = document.createTextNode('text3');
parent.appendChild(text);

ผลลัพธ์จากการรันโค้ด:

html<div id="parent">
  <p>text1</p>
  <p>text2</p>
  text3
</div>

ดูเพิ่มเติม

  • วิธี createElement,
    ซึ่งใช้สร้างองค์ประกอบใหม่ได้