HTML – 如何使整个DIV超链接？

如何使整个DIV成为一个可点击的超链接。意思是，我基本上想做的事情是：

 <div class="myclass" href="example.com"> <div>...</div> <table><tr>..</tr></table> .... </div>

每当有人鼠标hovermyclass DIV ，我想整个DIV它是一个可点击的超链接。

您可以将JavaScript的onclick添加到div中。

 <div onclick="location.href='newurl.html';">&nbsp;</div>

编辑：为新的窗口

 <div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

您可以在<div>放置一个<a>元素，并将其设置为display: block和height: 100% 。

你只需要将指针指定为指针，而不是指针，因为指针现在是标准的，所以，下面是示例页码：

 <div onclick="location.href='portable-display-stands.html';" id="smallbox">The content of the div here</div>

和示例CSS：

 #smallbox { cursor: pointer; }

所以这个div现在是一个可点击的元素，使用“onclick”，你已经伪装了CSS的手形光标…工作完成，对我有用！

添加一个onclick到你的DIV标签。

这是一个迟到的答案，但是这个问题在search结果中显得很高，所以值得回答。

基本上，你不应该试图使一个div可点击，而是通过给<a>标签一个display: block CSS属性，使一个锚的div。

这样，您的HTML保持语义有效，您可以inheritance超链接的典型浏览器行为。即使JavaScript被禁用/ js资源不加载，它也可以工作。

替代将是JavaScript和通过onclick事件转发

 <div onclick="window.location.href='somewhere...';">...</div>

你为什么不这样做？

 <a href="yoururl.html"><div>...</div></a>

这应该工作正常，并会提示“可点击的项目”光标更改，上述解决scheme不会做。