Question

我无法通过JavaScript激活HTML中的简单元素。

所以我有一个简单的设置：

<a href="example.com">
</a>

<button>Klick</button>

现在我想要的是，如果单击按钮，将执行一些JS代码，然后“单击”该元素。类似于在按钮上执行.click（）函数。

我也使用jQuery，如果这样可以简化您的工作。预先感谢。

Answer 1

本地Js在每个元素上都有一个click()方法，您只需要调用它即可

let button = document.getElementById("button")
let link = document.getElementById("link")

button.onclick = () => link.click()

<a id="link" href="example.com"></a>
<button id="button">Klick</button>

如果您的目标只是让链接看起来像一个按钮，那么使用CSS胜于拥有2个元素

作为奖励，它使您可以保留所有可能通过使用按钮失去的<a>默认行为

a {
  text-decoration: none;
  color: inherit;
  padding: 2px 25px;
  border: 1px solid #b6b6b3;
  border-radius: 3px;
  background-color: #e0e0df;
}

a:hover {
  background-color: #fafafa;
}

<a href="example.com">I'm a &lt;a&gt;</a>
<button>I'm a &lt;button&gt;</button>

点击带有JavaScript的<a>元素

1 个答案: