Why anchor href property different from href attribute

Question

there is a html code like this:

<a href="http://domain.xxx?a=b&c=d" >text</a>

and when I use the dom api to get the href attribute.

document.querySelector('a').href

Why is the value of href property different from attribute value?

http://domain.xxx/?a=b&c=d

 alert(document.querySelector('a').href) 

 <a href="http://domain.xxx?a=b&c=d" >text</a> 

Answer 1

use the Jquery instead

Suppose your anchor tag is look like below

<a id="anchorTag" href="http://domain.xxx?a=b&c=d" >text</a>

Use the Jquery below

$("#anchorTag").attr("href");

This will return the href value

Let me know if it is helpful