如何制作表超链接的单元格

vai*_*war 26 html href hyperlink

如何在没有javascript或jquery的情况下用html超链接整个表格单元格?

我试图将href放在td标签本身,但它至少在chrome 18中不起作用

<td href='http://www.m-w.com/dictionary/' style="cursor:pointer">
Run Code Online (Sandbox Code Playgroud)

Kam*_*mal 32

试试这个:

HTML:

<table width="200" border="1" class="table">
    <tr>
        <td><a href="#">&nbsp;</a></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

CSS:

.table a
{
    display:block;
    text-decoration:none;
}
Run Code Online (Sandbox Code Playgroud)

我希望它能正常工作.


aza*_*aza 17

试试这种方式:

<td><a href="..." style="display:block;">&nbsp;</a></td>
Run Code Online (Sandbox Code Playgroud)

  • PS:<a>元素中的style ="display:block"将占据<td>内的所有空间,从而使整个单元格成为您想要的超链接. (3认同)

小智 12

轻松使用onclick功能和javascript链接:

<td onclick="location.href='yourpage.html'">go to yourpage</td>

  • 这也不会创建真正的超链接,因此,例如,链接目标不会出现在Chrome视图的底部,并且您无法按住Ctrl键单击以在新选项卡中打开目标,等等。 (2认同)

Chr*_*ius 7

我一直在寻找解决方案,只是在另一个网站上找到了这个代码:

<td style="cursor:pointer" onclick="location.href='mylink.html'">link</td>


小智 5

为什么不将 onclick 方法与非 JS<a><td>for 备份中的元素结合起来呢?似乎工作得很好。

<td onclick="location.href='yourpage.html'"><a href="yourpage.html">Link</a></td>
Run Code Online (Sandbox Code Playgroud)