Phương thức HTML DOM getAttribute()

Phương thức getAttribute() dùng để lấy giá trị của một thuộc tính gắn liền với phần tử HTML cụ thể. Nếu phần tử không có thuộc tính đó, trả về null hoặc chuỗi rỗng.

Cú pháp

element.getAttribute(attributeName)

• attributeName (bắt buộc, string): Tên thuộc tính cần lấy giá trị.

Ví dụ

Ví dụ lấy giá trị thuộc tính href của liên kết:

<!DOCTYPE html>
<html>
<head>
<script>
  function getAttr() {
    var href = document.getElementsByTagName("a")[0].getAttribute("href");
    document.getElementById("Sample").innerHTML = href;
  }
</script>
</head>
<body>
<h1>Ví dụ getAttribute()</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Nhấn nút để lấy giá trị thuộc tính href của liên kết trên</p>
<button onclick="getAttr()">LẤY</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY", hiển thị: "https://www.google.com".

Giải thích

• Liên kết <a> có href="https://www.google.com".
• Nút "LẤY" gọi hàm getAttr().
• Hàm lấy phần tử <a> đầu tiên, gọi getAttribute("href") lấy trực tiếp giá trị chuỗi.
• Gán vào biến href và hiển thị.