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

• Bùi Tấn Lực
• 26
• 14/09/2025

Phương thức removeAttribute() trong JavaScript dùng để xóa thuộc tính của phần tử HTML và cả giá trị của thuộc tính đó, chi tiết như nào hãy cùng chúng tôi phân tích:

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

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

Phương thức removeAttribute() trong JavaScript dùng để xóa thuộc tính của phần tử HTML và cả giá trị của thuộc tính đó, nếu thuộc tính xóa không tồn tại thì cũng không xảy ra lỗi.

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

Phương thức removeAttribute() href trong JavaScript

Xóa href của thẻ a và cả giá trị của href đó:

<a id="aid" href="https://webmoi.vn/phuong-thuc-removeattribute-href-trong-javascript/" >Phương thức removeAttribute() href trong JavaScript</a>
<p>Click vào nút XÓA HREF để xóa thuộc tính href và cả giá trị của nó</p>
<button onclick="xoaHref()">XÓA HREF</button>
<script>
function xoaHref() {
 document.getElementById("aid").removeAttribute("href"); 
}
</script>

Chạy Thử

Phương thức removeAttribute() id trong JavaScript

Xóa thuộc tính id và cả giá trị của id đó, những css liên quan đến id đó sẽ biến mất:

<div id="divid">ID có màu đỏ</div>
<p>Click vào nút XÓA ID để xóa thuộc tính id và cả giá trị của nó, khi xóa id thì css bằng id sẽ không còn và màu đỏ sẽ mất</p>
<button onclick="xoaId()">XÓA ID</button>
<script>
function xoaId() {
 document.getElementById("divid").removeAttribute("id"); 
}
</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 removeAttribute() trong JavaScript.

Bùi Tấn Lực

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