💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Lấy phần tử DOM
📌
Kết luận
Dùng document.getElementById() để lấy phần tử HTML qua ID
📝 Mã thực tế tại đây
const el = document.getElementById('title');
el.textContent = 'Xin chào';Phân biệt textContent và innerHTML
| Thuộc tính | Nội dung |
|---|---|
textContent | Chỉ lấy/gán văn bản (An toàn) |
innerHTML | Cho phép gán cả thẻ HTML (Nguy hiểm XSS) |
textContent khi bạn chỉ muốn hiển thị văn bản thuần túy để đảm bảo an toàn bảo mật.
Tổng kết
-getElementById tìm phần tử theo ID duy nhất
- textContent là cách an toàn nhất để thay đổi chữ trên trang
Hãy thử trong phần bài tập
Hãy lấy phần tử và đổi chữ của nó thành "Xin chào" nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Lấy phần tử có id='msg' và đổi nội dung văn bản của nó thành 'Xin chào'.
Gợi ý khi gặp khó khăn
document.getElementById('msg').textContent = 'Xin chào';