Thuộc tính attributes trong JavaScript

• Bùi Tấn Lực
• 922
• 16/09/2025

Chức năng của Thuộc tính attributes trong JavaScript

Thuộc tính attributes trong JavaScript dùng để lấy tên các thuộc tính có trên phần tử HTML và số thuộc tính có trên phần tử HTML, ngoài ra còn có các phương thức để tương tác với thuộc tính như: lấy giá trị thuộc tính ta dùng phương thức getAttribute(), thay đổi giá trị thuộc tính sử dụng phương thức setAttribute().

Cú pháp của Thuộc tính attributes trong JavaScript

let ketqua = tenbien.attributes;

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

ketqua: Trả về danh sách các thuộc tính và giá trị của thuộc tính.

Code Thuộc tính attributes trong JavaScript

let list = document.getElementById("hinhid").attributes;

<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" style="display: block;clear: both;margin-bottom: 10px;">
<script>
let hinhid = document.getElementById("hinhid");
let list = document.getElementById("hinhid").attributes;
for (let i = 0; i < list.length; i++) {
  var thuoctinh = list[i].name;
  document.write(thuoctinh+": "+hinhid.getAttribute(thuoctinh)+"<br>");
}
</script>

Kết quả:

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
style: display: block;clear: both;margin-bottom: 10px;

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính attributes trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính attributes 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 thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn