Phương thức append() phần tử html trong JavaScript

Phương thức append() phần tử html trong JavaScript

Phương thức append() phần tử html trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức append() phần tử html trong JavaScript</title>
</head>
<body>

<h1>Phương thức append() phần tử html trong JavaScript</h1>
<p>Phương thức append() trong JavaScript dùng để thêm chữ vào phía sau các phần tử con trong phần tử HTML hoặc thêm phần tử html vào phía sau các phần tử con của phần tử HTML khác, ở ví dụ này mình thêm phần tử html vào phía sau các phần tử con trong phần tử HTML khác:</p>

<div id="divid" style="border:1px solid red;padding:20px;">Thêm phần tử HTML vào phía sau các phần tử con trong ô này!</div>
<p>Nhấn vào nút Append để thêm phần tử h2 vào sau các phần tử con trong ô đỏ</p>
<button onclick="themPhanTu()">Append</button>
<script>
function themPhanTu() {
const divid = document.getElementById("divid");
// Tạo phần tử h2
const h2 = document.createElement("h2");
// Thêm phần tử h2 vào phía sau các phần tử con trong phần tử id divid
divid.append(h2);
// Thêm chữ vào phần tử h2
h2.append("Tiêu đề h2");
}
</script>
</body>
</html>
Phương thức append() phần tử html trong JavaScript nằm trong bài viết Phương thức append() trong JavaScript