JavaScript: phương thức getAttribute

getAttribute() Phương thức của Phần tử trả về giá trị của một thuộc tính được chỉ định. Nếu thuộc tính đã cho không tồn tại, giá trị trả về sẽ là null hoặc "" (chuỗi trống); xem Thuộc tính không tồn tại để biết chi tiết.

Mẹo: Sử dụng phương thức getAttributeNode() nếu bạn muốn trả về thuộc tính dưới dạng đối tượng Attr.

Cú pháp

attribute = element.getAttribute(attributeName);

attributeName:	Bắt buộc. Tên của thuộc tính mà bạn muốn nhận về giá trị.
Giá trị trả về:	Một chuỗi, đại diện cho giá trị của thuộc tính được chỉ định. Lưu ý: Nếu thuộc tính không tồn tại, giá trị trả về là null hoặc một chuỗi trống ("")

Ví dụ

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

var x = document.getElementById("myAnchor").getAttribute("target");

Nhận giá trị của thuộc tính sự kiện onclick của phần tử <button>:

var x = document.getElementById("myBtn").getAttribute("onclick");

Các ví dụ khác

Mã HTML:

<!-- example div in an html DOC -->
<div id="div1">Hi Champ!</div>

Javascript

// in a console
const div1 = document.getElementById('div1');
//=> <div id="div1">Hi Champ!</div>

const exampleAttr = div1.getAttribute('id');
//=> "div1"

const align = div1.getAttribute('align')
//=> null