Phương thức createElement() trong JavaScript

• Bùi Tấn Lực
• 24
• 13/09/2025

Phương thức createElement() trong JavaScript dùng để tạo một phần tử HTML, sau đó bạn có thể chèn nội dung chữ và HTML vào phần tử mới tạo, chi tiết như nào hãy cùng chúng tôi phân tích:

Phương thức createElement() trong JavaScript

Chức năng của Phương thức createElement() trong JavaScript

Phương thức createElement() trong JavaScript dùng để tạo một phần tử HTML, sau đó bạn có thể chèn nội dung chữ và HTML vào phần tử mới tạo, rồi dùng phần tử đó thêm vào thẻ HTML khác.

Code Phương thức createElement() trong JavaScript

Phương thức createElement() đến phần tử trong JavaScript

Ví dụ này tạo phần tử HTML và thêm nội dung vào thẻ HTML đó, sau đó thêm thẻ vừa tạo vào một thẻ khác.

<div id="divid">
<h1>Tạo và thêm phần tử HTML vào đây!</h1>
</div>
<p>Nhấn vào nút TẠO VÀ THÊM để tạo thẻ p và thêm vào.</p>
<button onclick="taoVaThem()">TẠO VÀ THÊM</button>
<script>
function taoVaThem() {
// Tạo phần tử HTML P
const thep = document.createElement("p");
// Thêm nội dung vào thẻ P bằng innerHTML, có thẻ dùng innerText, createTextNode kết hợp appendChild
thep.innerHTML = "Nội dung thẻ P";
//  Thêm thẻ P vừa tạo vào thẻ DIV bằng appendChild, có thể dùng append, before
document.getElementById("divid").appendChild(thep);
}
</script>

Chạy Thử

Phương thức createElement() đến body trong JavaScript

Ví dụ này tạo phần tử HTML và thêm nội dung vào thẻ HTML đó, sau đó thêm thẻ vừa tạo vào body.

<h1>Tạo và thêm phần tử HTML vào body!</h1>
<p>Nhấn vào nút TẠO VÀ THÊM để tạo thẻ p và thêm vào body.</p>
<button onclick="taoVaThem()">TẠO VÀ THÊM</button>
<script>
function taoVaThem() {
// Tạo phần tử HTML P
const thep = document.createElement("p");
// Thêm nội dung vào thẻ P bằng innerHTML, có thẻ dùng innerText, createTextNode kết hợp appendChild
thep.innerHTML = "Nội dung thẻ P";
//  Thêm thẻ P vừa tạo vào thẻ DIV bằng append, có thể dùng appendChild, before
document.body.append(thep);
}
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức createElement() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Phương thức createElement() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn