HTML DOM Anchor Object

HTMLWeb DevelopmentFront End Technology

The <a> element is used in HTML to create hyperlinks along with href attribute. The anchor object represents this <a> element.

Example

In the below example, we will learn how to access an anchor object −

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<a href="https://google.com" id = "myid" >Google</a><br><br>
<button onclick="display()">Display the link</button>
<p id="demo">Link gets displayed here</p>
<script>
   function display() {
      var a = document.getElementById("myid").href;
      document.getElementById("demo").innerHTML = a;
   }
</script>
</body>
</html>

Output

This will produce the following output −

raja
Published on 17-Sep-2019 09:01:23

Advertisements