javascript - 如何使 td 标签看起来像 HTML 中的标签？

Question

我有一些使用ajax 获取数据的行，如果我使用a 标签，浏览器会刷新并且一些数据会丢失。然后我只使用 td 标签，但我想让它看起来像 a 标签(颜色，光标一只手)

这里是我的代码:

<td style="color: green;" onclick="myFunction(this)">hello</td>
// failed with: <td style="color: green;" onclick="myFunction(this)"><a href="">hello</a></td>

Answer 1

您可以使用以下 css 使 td 看起来像 a。

td {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

td:focus, td:hover {
    color: #23527c;
    text-decoration: underline;
}