การทำงานกับข้อความขององค์ประกอบด้วย JavaScript

องค์ประกอบ DOM มีคุณสมบัติ textContent ซึ่งอนุญาตให้อ่านข้อความขององค์ประกอบเหล่านั้นได้ ลองดูตัวอย่าง สมมติว่า เรามีแท็กต่อไปนี้:

html<p id="elem">text</p>

เราจะได้ลิงก์ไปยังแท็กนี้ ในตัวแปร:

javascriptlet elem = document.querySelector('#elem');

อ่านข้อความของแท็ก:

javascriptconsole.log(elem.textContent);

เปลี่ยนข้อความของแท็ก:

javascriptelem.textContent = '!!!';
Задание 1

ให้มีย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้อ่านข้อความ ของย่อหน้าและแสดงผลในคอนโซล

Задание 2

ให้มีย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้เขียนข้อความใหม่ ลงในย่อหน้า

Задание 3

ให้มีย่อหน้าสองย่อหน้า ซึ่งมีข้อความเป็น ตัวเลขบางจำนวน และปุ่มหนึ่งปุ่ม เมื่อกดปุ่ม ให้แสดงผลรวมของตัวเลขเหล่านั้นบนหน้าจอ

Задание 4

ให้มีย่อหน้าสามย่อหน้าที่มีตัวเลข, หนึ่ง div และหนึ่งปุ่ม เมื่อกดปุ่ม ให้เขียนผลรวมของตัวเลข ลงในข้อความของ div

Задание 5

ให้มีย่อหน้าที่มีตัวเลขและปุ่ม เมื่อกด ปุ่ม ให้เพิ่มค่าในย่อหน้าขึ้นหนึ่ง และเขียนตัวเลขที่ได้กลับไป

Задание 6

ให้มีย่อหน้าที่มีข้อความและปุ่ม เมื่อกด ปุ่ม ให้เขียนเครื่องหมายอัศเจรีย์ ต่อท้ายข้อความของย่อหน้า