HTML - 如何使整个DIV成为超链接？

Question

如何制作整个DIV可点击的超链接.意思是,我基本上想做:

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

每当有人将鼠标悬停在myclass上时DIV,我希望整个DIV它都是一个可点击的超链接.

Answer 1

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

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

编辑:用于新窗口

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

Answer 2

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

Answer 3

您只需将光标指定为指针而不是指针,因为指针现在是标准,因此,这是示例页面代码:

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

和示例CSS:

#smallbox {
    cursor: pointer;
}

所以div现在是一个使用'onclick'的可点击元素,你已经用CSS伪造了手形光标......完成工作,对我有用!

Answer 4

这是一个迟到的答案,但这个问题在搜索结果中显得很高,因此值得正确回答.

基本上,您不应该尝试使div可点击,而是通过为<a>标记赋予display: blockCSS属性来制作类似div的锚.

这样,您的HTML在语义上保持有效,您可以继承超链接的典型浏览器行为.即使javascript被禁用/ js资源未加载,它也可以工作.

Answer 5

添加onclick到您的DIV代码.