Hướng dẫn get attribute javascript

Hướng dẫn cách sử dụng getAttribute trong JavaScript. Bạn sẽ biết cách sử dụng phương thức getAttribute để lấy giá trị thuộc tính của Element sau bài học này.

getAttribute trong JavaScript và cách lấy giá trị thuộc tính của Element

Cú pháp

getAttribute trong JavaScript là một phương thức của Element Object, có tác dụng lấy giá trị thuộc tính chỉ định của một Element.

Cú pháp sử dụng thuộc tính getAttribute trong JavaScript để lấy thuộc tính chỉ định của Element như sau:

element.getAttribute[attributeName]

Trong đó

• element là Element cần lấy thuộc tính
• attributeName là tên thuộc tính cần lấy từ element

Giá trị trả về của phương thức getAttribute sẽ là giá trị của thuộc tính chỉ định. Trong trường hợp không tồn tại thuộc tính chỉ định trong Element, giá trị null sẽ được trả về.

Ví dụ

let element = document.getElementById['shopname'];
let attvalue = element.getAttribute['id'];

Mã mẫu

Hãy cùng xem cách dùng getAttribute để lấy giá trị thuộc tính chỉ định của Element như sau:

Ví dụ minh hoạ cách dùng getAttribute 



Kế hoạch mua sắm


  Thành phố Ninh Bình
  Shop mẹ và bé


Lấy giá trị thuộc tính của Element


function getElements[]{
    let element = document.getElementById['box'];
    console.log[element.getAttribute['id']];
    console.log[element.getAttribute['class']];
}

Trong mã HTML ở trên, sau khi click vào nút thì Element có thuộc tính id="box" sẽ được lấy thông qua phương thức getElementById. Sau đó bằng cách dùng phương thức getAttribute, chúng ta đã lấy được giá trị của thuộc tính id. Đối với thuộc tính class thì do không tồn tại thuộc tính này trong Element nên giá trị null đã được trả về.

Bài viết liên quan

• childNodes trong JavaScript và cách lấy các Node con

• attributes trong JavaScript và cách lấy danh sách thuộc tính của Element

• currentScript trong JavaScript và cách lấy Element chứa mã script đang được xử lý

• children trong JavaScript và cách lấy các Element con

• CSS selectors trong JavaScript

• DocumentFragment trong JavaScript và cách thêm đồng thời nhiều Node

• firstChild trong JavaScript và cách lấy Node con đầu tiên

• firstElementChild trong JavaScript và cách lấy Element con đầu tiên