การทำงานกับข้อความขององค์ประกอบด้วย JavaScript
องค์ประกอบ DOM มีคุณสมบัติ textContent
ซึ่งอนุญาตให้อ่านข้อความขององค์ประกอบเหล่านั้นได้
ลองดูตัวอย่าง สมมติว่า
เรามีแท็กต่อไปนี้:
<p id="elem">text</p>
เราจะได้ลิงก์ไปยังแท็กนี้ ในตัวแปร:
let elem = document.querySelector('#elem');
อ่านข้อความของแท็ก:
console.log(elem.textContent);
เปลี่ยนข้อความของแท็ก:
elem.textContent = '!!!';
ให้มีย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้อ่านข้อความ ของย่อหน้าและแสดงผลในคอนโซล
ให้มีย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้เขียนข้อความใหม่ ลงในย่อหน้า
ให้มีย่อหน้าสองย่อหน้า ซึ่งมีข้อความเป็น ตัวเลขบางจำนวน และปุ่มหนึ่งปุ่ม เมื่อกดปุ่ม ให้แสดงผลรวมของตัวเลขเหล่านั้นบนหน้าจอ
ให้มีย่อหน้าสามย่อหน้าที่มีตัวเลข, หนึ่ง div และหนึ่งปุ่ม เมื่อกดปุ่ม ให้เขียนผลรวมของตัวเลข ลงในข้อความของ div
ให้มีย่อหน้าที่มีตัวเลขและปุ่ม เมื่อกด ปุ่ม ให้เพิ่มค่าในย่อหน้าขึ้นหนึ่ง และเขียนตัวเลขที่ได้กลับไป
ให้มีย่อหน้าที่มีข้อความและปุ่ม เมื่อกด ปุ่ม ให้เขียนเครื่องหมายอัศเจรีย์ ต่อท้ายข้อความของย่อหน้า
