JavaScript 设置属性 href

在 HTML 中，我们常常使用 <a> 标签来创建链接。这个标签的 href 属性指定了链接的 URL。在 JavaScript 中，我们可以通过操作 href 属性来改变链接的 URL。这篇文章将为你介绍如何通过 JavaScript 设置属性 href。

获取链接元素

首先，在 JavaScript 中操作链接，需要获取代表这个链接的 HTML 元素。可以使用 document.getElementById 方法或其他选择器方法来获取这个元素。我们假设 HTML 中有这样一个链接：

<a href="https://www.example.com" id="my-link">Click here</a>

我们可以使用以下代码获取这个链接元素：

const link = document.getElementById('my-link');

改变 href 属性

获取链接元素之后，就可以通过修改 href 属性来改变链接的 URL。例如，以下代码将把这个链接的 URL 更改为 https://www.example.org：

link.href = 'https://www.example.org';

该代码将 link 变量所代表的链接元素的 href 属性设置为 https://www.example.org。

完整代码示例

以下是一个完整的代码示例，将链接的 URL 改变为一个新的 URL：

<a href="https://www.example.com" id="my-link">Click here</a>

<script>
  const link = document.getElementById('my-link');
  link.href = 'https://www.example.org';
</script>

运行这个代码后，点击链接后会跳转到 https://www.example.org。

以上就是如何通过 JavaScript 设置属性 href 的介绍。希望对你有所帮助！