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

• Bùi Tấn Lực
• 25
• 12/09/2025

Phương thức before() trong JavaScript dùng để thêm chữ vào phía trước nội dung của phần tử HTML hoặc thêm phần tử html vào phía trước, chi tiết như nào hãy cùng chúng tôi phân tích:

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

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

Phương thức before() trong JavaScript dùng để thêm chữ vào phía trước nội dung của phần tử HTML hoặc thêm phần tử html vào phía trước nội dung của phần tử HTML khác, đồng thời cũng cho phép thêm nội dung chữ vào phần tử html đó.

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

Phương thức before() chữ trong JavaScript

Phương thức này cho phép thêm chữ vào phía trước nội dung của phần tử HTML.

<div id="divid">Web Mới!</div>
<p>Nhấn vào nút THÊM để thêm chữ "Xin chào!." vào trước nội dung hiện tại</p>
<button onclick="themChu()">THÊM</button>
<script>
function themChu() {
const divid = document.getElementById("divid");
divid.before("Xin chào!.");
}
</script>

Chạy Thử

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

Phương thức này cho phép thêm phần tử html vào phía trước nội dung của phần tử HTML khác, đồng thời cũng cho phép thêm nội dung chữ vào phần tử html đó.

<div id="divid">
<h1>Tiêu đề h1</h1>
</div>
<p>Nhấn vào nút THÊM để thêm phần tử h2 vào trước nội dung, đồng thời thêm chữ vào phần tử h2</p>
<button onclick="themPhanTu()">THÊM</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 trước nội dung hiện tại
divid.before(h2);
// Thêm chữ vào phần tử h2
h2.append("Tiêu đề h2");
}
</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 before() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Phương thức before() 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