Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để tìm thuộc tính href của một liên kết trong tài liệu bằng JavaScript?

Javascript đã cung cấp document.links.href để nhận href thuộc tính của liên kết bắt buộc. Phương thức này hoạt động giống như một phương thức hiển thị một phần tử cụ thể trong một mảng. Hãy thảo luận ngắn gọn về nó.

Ví dụ-1

Trong ví dụ sau, ba liên kết đã được cung cấp. Sử dụng document.links.href liên kết thứ 3 được thực thi trong đầu ra. Nó theo sau giống như một mảng. Liên kết đầu tiên sẽ lấy chỉ số thứ 0, liên kết thứ hai sẽ lấy chỉ số thứ nhất, v.v.

<html>
<body>
   <a href="https://www.tutorialspoint.com/javascript/index.htm">Javascript</a><br>
   <a href="https://www.tutorialspoint.com/java8/index.htm">Java</a><br>
   <a href="https://www.tutorialspoint.com/spring/index.htm">Spring</a>
<p id="links"></p>
<script>
   document.getElementById("links").innerHTML =
   "The href attribute is: " + document.links[2].href;
</script>
</body>
</html>

Đầu ra

Javascript
Java
Spring
The href attribute is: https://www.tutorialspoint.com/spring/index.htm


Ví dụ-2

Trong ví dụ sau, hai liên kết đã được cung cấp. Sử dụng document.links.href liên kết the1st được thực thi trong đầu ra.

<html>
<body>
   <a href="https://www.tutorialspoint.com/javascript/index.htm">Javascript</a><br>
   <a href="https://www.tutorialspoint.com/java8/index.htm">Java</a>;
<p id="links"></p>
<script>
   document.getElementById("links").innerHTML =
   "The href attribute is: " + document.links[0].href;
</script>
</body>
</html>

Đầu ra

Javascript
Java
The href attribute is: https://www.tutorialspoint.com/javascript/index.htm