首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML -如何使整个DIV成为超链接?

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

Stack Overflow用户
提问于 2010-02-03 06:33:42
回答 6查看 278.4K关注 0票数 91

如何使整个DIV成为可单击的超链接。意思是,我本质上想做的是:

代码语言:javascript
复制
<div class="myclass" href="example.com">
    <div>...</div>
    <table><tr>..</tr></table>
    ....
</div>

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

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-02-03 06:36:16

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

代码语言:javascript
复制
<div onclick="location.href='newurl.html';">&nbsp;</div>

编辑:用于新窗口

代码语言:javascript
复制
<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>
票数 166
EN

Stack Overflow用户

发布于 2010-02-03 06:34:50

您可以将<a>元素放入<div>中,并将其设置为display: blockheight: 100%

票数 25
EN

Stack Overflow用户

发布于 2012-06-28 17:00:21

你只需要将光标指定为指针,而不是手,因为指针现在是标准的,所以,下面是示例页面代码:

代码语言:javascript
复制
<div onclick="location.href='portable-display-stands.html';" id="smallbox">The content of the div here</div>

和示例CSS:

代码语言:javascript
复制
#smallbox {
    cursor: pointer;
}

所以div现在是一个使用'onclick‘的可点击元素,你已经用CSS...job伪造了手形光标,对我来说是有效的!

票数 17
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2188272

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档