Giả sử ta có element sau:
<h1 id="heading" class="heading">This is a heading</h1>Element node tương ứng của nó là:
const headingElement = document.querySelector("#heading")
console.log(headingElement) // <h1 id="heading" class="heading" title="Heading">This is a heading</h1>Set Attribute
Chỉnh sửa các attribute có sẵn trong lớp HTMLElement, chẳng hạn title, bằng cách gán trực tiếp:
headingElement.title = "Heading"Cách này sử dụng setter của đối tượng headingElement để thiết lập giá trị cho thuộc tính title.
Note
Lưu ý là thuộc tính mà ta muốn chỉnh sửa hoặc thêm phải hợp lệ đối với element mà ta đang thao tác (phải là một thuộc tính của element đó).
Ta cũng có thể sử dụng phương thức sau: setAttribute("attributeName","attributeValue").
Ví dụ:
headingElement.setAttribute("title", "Heading")Cách này có thể set attribute cho các element mà không quan tâm tính hợp lệ.
Get Attribute
Lấy ra attribute từ element node bằng cách dùng phương thức sau: getAttribute(attributeName).
Ví dụ:
console.log(headingElement.getAttribute("class")) // "heading"Info
Có thể lấy cả những attribute do JS thêm vào.