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

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

Phương thức hasAttribute() trong JavaScript dùng để kiểm tra một thuộc tính hiện tại có đang nằm trên một thẻ HTML hay không, chi tiết như nào hãy cùng chúng tôi phân tích:

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

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

Phương thức hasAttribute() trong JavaScript dùng để kiểm tra một thuộc tính hiện tại có đang nằm trên một thẻ HTML hay không, nếu có sẽ trả về true, nếu không sẽ trả về false, thuộc tính bao gồm thuộc tính mặc định của HTML và thuộc tính bạn tự tạo.

Cú pháp của Phương thức hasAttribute() trong JavaScript

let ketqua = tenbien.hasAttribute("thuoctinh");

tenbien: Tên biến là phần tử HTML, thường dùng document.getElementById("giá trị id") để lấy.

thuoctinh: Thuộc tính cần kiểm tra xem có tồn tại trên phần tử HTML nào đó hay không.

ketqua: Trả về true nếu thuộc tính đó tồn tại, ngược lại trả về false.

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

document.getElementById("hinhid").hasAttribute("data-id");

<img id="hinhid" src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png" width="54" height="55" alt="Web Mới" title="Công Ty Web Mới" data-id="35" style="clear: both; margin-bottom: 10px; display: block;">
<script>
document.write("Thuộc tính id có trong phần tử HTML IMG id hinhid hay không: "+document.getElementById("hinhid").hasAttribute("id")+"<br>"); // Kết quả: true

document.write("Thuộc tính class có trong phần tử HTML IMG id hinhid hay không: "+document.getElementById("hinhid").hasAttribute("class")+"<br>"); // Kết quả: false

document.write("Thuộc tính data-id có trong phần tử HTML IMG id hinhid hay không: "+document.getElementById("hinhid").hasAttribute("data-id")+"<br>"); // Kết quả: true

document.write("Thuộc tính width có trong phần tử HTML IMG id hinhid hay không: "+document.getElementById("hinhid").hasAttribute("width")+"<br>"); // Kết quả: true

document.write("Thuộc tính alt có trong phần tử HTML IMG id hinhid hay không: "+document.getElementById("hinhid").hasAttribute("alt")+"<br>"); // Kết quả: true
</script>

Kết quả:

true
false
true
true
true

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 hasAttribute() trong JavaScript.

Bùi Tấn Lực

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