Javascript – Make Div Into A Clickable Link

From what I’m aware, you can’t make a div into a clickable link with just HTML. The only way I’ve ever known is by using Javascript.

Open in new window

Here’s how to make a div into a clickable link that will open the target URL into a new window.

1
2
3
4

 
<div onclick="window.open('http://www.brightcherry.co.uk/');">
 
</div>

Open in same window

Here’s how to make a div into a clickable link that will open the target URL into the same window.

1
2
3
4

 
<div onclick="window.location = 'http://www.brightcherry.co.uk/';">
 
</div>

Notes

The links CAN be relative to the domain, they don’t just work with full URLs. You can use URLs like “/dir/index.html”