Search code examples
javascripthyperlinkstatusbar

Show URL in browser when link added with javascript

I have added an onclick function to a div here:

<script type="text/javascript">
document.getElementById("fab").onclick = function() {
  location.href = 'http://your.url.here';
}
</script>

When you hover over the div, it doesnt show the URL in the bottom left of the browser like an anchor tag does (see picture): https://i.sstatic.net/iGLHS.png

Is there any way to make the browser show the link, when it has been added with javascript?

Solution

  • I think something different. I hope i didnt understand it wrong. If you add -a- element as parent to your -div- it acts like what you want.

    var element = document.getElementById("fab");
var aa = document.createElement("a");
aa.setAttribute('href', 'http://www.google.com');
var parent = element.parentNode;
parent.insertBefore(aa, element);
aa.appendChild(element);

    please let me know if i understand it wrong?