How to find the href and target attributes in a link in JavaScript?

Javascript Object Oriented Programming Front End Technology

Javascript has provided document.href and document.target to get the href and target attributes in a link. A link is usually placed in a <p> tag and inside it, an anchor tag is provided, which in turn contains href and target attributes. Let's discuss them individually.

Finding href attribute

To get the href attribute, document.href must be used. In the following example, the href attribute consists of a link called "http://www.tutorialspoint.com/", which will be displayed once the program is executed.

Example

Live Demo

<html>
<body>
<p><a id="myId" href="http://www.tutorialspoint.com/">tutorialspoint</a></p>
<script>
   var ref = document.getElementById("myId").href;
   document.write(ref);
</script>
</body>
</html>

Output

tutorialspoint

http://www.tutorialspoint.com/

Finding the target attribute

To get the target attribute, document.target must be used. In the following example, the target attribute "_union" was displayed when the program was executed.

Example

Live Demo

<html>
<body>
<p><a id="myId" target="_union" href="http://www.tutorialspoint.com/">tutorialspoint</a></p>
<script>
   var ref = document.getElementById("myId").target;
   document.write(ref);
</script>
</body>
</html>

Output

tutorialspoint

_union

Vineeth.mariserla

Published on 25-Jul-2019 13:34:58

Previous Page Print Page