使 Bootstrap 卡片可点击

Question

我用几个引导卡制作了一个页面，如果你将鼠标悬停在卡片上，就会出现缩放效果。 现在我想让整张卡片都可以点击。 这意味着，当您将鼠标悬停在卡片（课程：指针）上时，您应该能够单击并进入另一个页面。 可能有可能拉伸 a 标签？ 或者还有别的东西。 感谢您的帮助！

Answer 1

 document.getElementById("click").onclick = () => { console.log('clicked') document.getElementById("click").textContent = "click me (clicked)" // if you want to redirect ( remove the "//" in the next line ): // window.location.href = "http://example.com" }

 <span id="click">click me</span>

还有其他方法可以执行 Javascript，例如：

document.getElementById("click").addEventListener('click', () => {
  //lines 2-5 from above
})

但是，我确实建议，如果您只想将用户带到一个新页面，请将整个内容包装在<a>标签中。 为什么？ 有时用户禁用了 javascript，而且如果您使用 JavaScript 添加它，大多数搜索引擎不会将其视为链接。 作为我使用 HTML 的一般规则，您应该只在需要时使用 JavaScript。 （我认为大多数其他人可能会同意）。