<!DOCTYPE html>
<html>
<head>
<title>Phương thức createElement() đến body trong JavaScript</title>
</head>
<body>
<h1>Phương thức createElement() đến body trong JavaScript</h1>
<p>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, ở 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:</p>
<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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức createElement() đến body trong JavaScript</title>
</head>
<body>
<h1>Phương thức createElement() đến body trong JavaScript</h1>
<p>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, ở 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:</p>
<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>
</body>
</html>
