javascript - 如何使整个td成为一个链接?

标签 javascript html css

如何将整个 td 设为链接?

<td id="blue-border"><span id="blue"></span></td>

点击 td 应该让它表现得像这样(我知道这在语法上是不正确的:

<a href="javascript:chooseStyle('blue-theme', 360)"> <td id="blue-border"><span id="blue"></span></td> </a>

编辑:到目前为止,所有建议都只是将 td 内的跨度设为链接,帮助大声笑。

最佳答案

使用 CSS。

td a { display: block; width: 100%; height: 100%; }
<table style="width: 100%">
  <tr>
    <td><a href="#">Link</a></td>
  </tr>
</table>

CSS 强制链接扩展到 TD 的整个宽度和高度。

关于javascript - 如何使整个td成为一个链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6459806/

相关文章:

css - Bootstrap 3.3.6 右对齐

javascript - 获得激活地理定位结果的 promise

javascript - 为什么我的 jquery 不改变按钮按下时的 css 属性?

html - CSS:等宽列表项(列表中最宽的元素)

html - Div 具有图像的实际宽度而不是计算宽度

css - ZKOSS - 创建新的 CSS 主题

javascript - 最小化屏幕时,表格应该缩小

Javascript 从页面加载开始计数 - 需要使用 ajax 重置

html - 用户选择时 <select> 标签之间的间隙

javascript - 使用 dojo 动态导入样式表