phương thức getAttribute() của phần tử DOM HTML

Định nghĩa và cách sử dụng

getAttribute() phương thức trả về giá trị thuộc tính của phần tử.

Xin xem thêm:

phương thức setAttribute()

phương thức removeAttribute()

Phương thức hasAttribute()

Phương thức hasAttributes()

Phương thức createAttribute()

Phương thức getAttributeNode()

Phương thức setAttributeNode()

Phương thức removeAttributeNode()

Hướng dẫn:

Thuộc tính của HTML

Mô hình

Ví dụ 1

Lấy giá trị thuộc tính class của phần tử:

let text = element.getAttribute("class");

Thử ngay

Ví dụ 2

Lấy giá trị thuộc tính target của phần tử <a>:

let text = myAnchor.getAttribute("target");

Thử ngay

Ví dụ 3

Lấy giá trị thuộc tính onclick của phần tử <button>:

let text = myButton.getAttribute("onclick");

Thử ngay

Cú pháp

element.getAttribute(name)

Tham số

Tham số Mô tả
name Bắt buộc. Tên thuộc tính.

Trả về giá trị

Loại Mô tả
Chuỗi Giá trị của thuộc tính.
null Nếu thuộc tính không tồn tại.

Chi tiết kỹ thuật

HTMLElement đối tượng định nghĩa các thuộc tính JavaScript tương ứng với mỗi thuộc tính HTML tiêu chuẩn, vì vậy chỉ cần khi bạn tra cứu giá trị của thuộc tính không tiêu chuẩn, bạn mới cần sử dụng phương thức này cùng với tài liệu HTML.

Trong tài liệu XML, giá trị thuộc tính không thể được sử dụng trực tiếp làm thuộc tính của phần tử, phải gọi phương thức để tra cứu chúng. Đối với tài liệu XML sử dụng không gian tên, cần sử dụng Phương thức getAttributeNS().

Hỗ trợ trình duyệt

element.getAttribute Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ