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

Phương thức hasAttribute() trong JavaScript
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.

  • 0 Bình luận
CEO Bùi Tấn Lực | Founder Web Mới
Bùi Tấn Lực
Tìm hiểu về CEO Bùi Tấn Lực, Founder Web Mới với nhiều năm kinh nghiệm trong lĩnh vực phát triển website, SEO và chia sẻ kiến thức công nghệ
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 *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn thiết kế website
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn