Đối tượng Anchor (thẻ <a>) trong HTML DOM

Phần tử <a> (anchor) trong HTML dùng để tạo siêu liên kết (hyperlink) kết hợp với thuộc tính href. Trong HTML DOM, đối tượng Anchor đại diện cho phần tử <a> này, cho phép truy xuất và thao tác với liên kết bằng JavaScript.

Ví dụ: Truy xuất đối tượng Anchor

Dưới đây là ví dụ lấy giá trị href của một liên kết khi nhấn nút:

<!DOCTYPE html>
<html>
<body>
  <h2>Demo đối tượng Anchor</h2>
  <a href="https://google.com" id="myLink">Google</a><br><br>
  <button onclick="displayLink()">Hiển thị link</button>
  <p id="demo">Link sẽ hiển thị ở đây</p>
  <script>
    function displayLink() {
      var link = document.getElementById("myLink").href;
      document.getElementById("demo").innerHTML = link;
    }
  </script>
</body>
</html>

Các thuộc tính hữu ích của đối tượng Anchor

Đối tượng Anchor rất hữu ích khi bạn cần xử lý liên kết động, theo dõi click, hoặc thay đổi URL mà không tải lại trang.