Hàm document.write() trong JavaScript

• Trần Thị Vân
• 1080
• 23/08/2025

Chức năng của Hàm document.write() trong JavaScript

Hàm document.write() trong JavaScript dùng để xuất kết quả ra HTML, kết quả sẽ được nối thêm với HTML hiện tại trong code hiện tại, hàm này thường ít dùng, chủ yếu dùng trong quá trình test kết quả javascript ra HTML để xem kết quả.

Cú pháp của Hàm document.write() trong JavaScript

document.write("noidungchu"); 

noidungchu: Nội dung chữ.

document.write(bien); 

bien: Biến chứa giá trị.

document.write("noidungchu"+bien+"thehtml"); 

bien: Biến chứa giá trị.

noidungchu: Nội dung chữ.

thehtml: Thẻ HTML như thẻ br để xuống hàng.

Bạn có thể cộng thêm nhiều nội dung chữ, biến, thẻ html,...

Code Hàm document.write() trong JavaScript

<script>
// document.write() chữ; 
document.write("Xin chào các bạn <br>"); 
// document.write() biến
var bien  = 35;
document.write(bien+"<br>"); 
// dấu <br> là để xuống hàng
</script>

Kết quả:

Xin chào các bạn
35

Chạy Thử

Lưu ý khi sử dụng Hàm document.write() trong JavaScript

document.write() có thể ghi đè nội dung trang web

Một điểm cần đặc biệt lưu ý là document.write() có cách hoạt động khác với các phương thức thao tác DOM thông thường. Nếu gọi hàm sau khi trang đã tải xong, trình duyệt có thể xóa nội dung hiện tại của tài liệu và thay bằng chuỗi được truyền vào.

document.write("Nội dung mới");

Vì vậy, không nên tùy tiện gọi document.write() trong các sự kiện như click hoặc sau khi DOM đã hoàn tất quá trình tải. Một đoạn mã tưởng như đơn giản có thể khiến toàn bộ giao diện đang hiển thị bị thay thế.

Khi nào nên và không nên sử dụng document.write()

document.write() phù hợp nhất với những ví dụ JavaScript cơ bản, tài liệu học tập hoặc một số trường hợp mã lệnh cần chèn nội dung ngay trong quá trình trình duyệt phân tích tài liệu HTML.

Đối với website thực tế, đặc biệt là các trang có giao diện phức tạp, nên hạn chế sử dụng phương thức này. Việc phụ thuộc vào document.write() có thể làm mã nguồn khó kiểm soát và dễ phát sinh lỗi khi thứ tự thực thi JavaScript thay đổi.

Giải pháp thay thế document.write() trong JavaScript

Khi cần đưa nội dung vào một vị trí cụ thể trên trang, nên ưu tiên các phương thức thao tác DOM. Chẳng hạn, có thể lấy một phần tử bằng getElementById() rồi cập nhật nội dung thông qua textContent.

const title = document.getElementById("title");
title.textContent = "Nội dung mới";

Cách này cho phép thay đổi đúng phần tử cần thiết mà không ảnh hưởng đến toàn bộ tài liệu. Khi xây dựng website thực tế, đây thường là hướng tiếp cận dễ kiểm soát và phù hợp hơn so với việc dùng document.write().

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm document.write() trong JavaScript.