Làm việc với văn bản phần tử trong JavaScript
Các phần tử DOM có thuộc tính textContent,
cho phép đọc văn bản của các phần tử đó.
Hãy xem ví dụ. Giả sử
chúng ta có thẻ sau:
html<p id="elem">text</p>
Lấy tham chiếu đến thẻ này vào một biến:
javascriptlet elem = document.querySelector('#elem');
Đọc văn bản của thẻ:
javascriptconsole.log(elem.textContent);
Thay đổi văn bản của thẻ:
javascriptelem.textContent = '!!!';
Cho một đoạn văn và một nút bấm. Khi nhấp chuột vào nút bấm, hãy đọc văn bản của đoạn văn và in nó ra console.
Cho một đoạn văn và một nút bấm. Khi nhấp chuột vào nút bấm, hãy ghi vào đoạn văn một văn bản mới.
Cho hai đoạn văn, chứa trong văn bản của chúng một số số nào đó, và một nút bấm. Khi nhấn vào nút bấm, hãy hiển thị trên màn hình tổng của các số được lưu trữ.
Cho ba đoạn văn với các số, một thẻ div và một nút bấm. Khi nhấn vào nút bấm, hãy ghi vào văn bản của div tổng của các số.
Cho một đoạn văn với một số và một nút bấm. Khi nhấn vào nút bấm, hãy cộng thêm một đơn vị vào giá trị của đoạn văn và ghi số nhận được trở lại.
Cho một đoạn văn với văn bản và một nút bấm. Khi nhấn vào nút bấm, hãy ghi vào cuối văn bản của đoạn văn một dấu chấm than.