javascript - 完全可链接的 li 元素

Question

我需要使整个 <li> 可链接或 <tr>元素，有人建议我使用带有 onclick 操作的 javascript。

    function doNav(url)
    {
        document.location.href = url;
    }

这样就搞定了，问题是，这种方式是不可能让用户明白url是干什么的。如何在不改变浏览器行为的情况下实现我的需求(完全可点击的元素)？

Answer 1

你不需要javascript。添加此 CSS

ul li a {
  display: block;
  padding: 10px 20px;//more or less, to suit your needs
  text-decoration: none;
}

这将使整个<li>包含可点击的 anchor