时间戳

首页 > 解决方案 > 如何使用 javascript 将 ID 添加到 HTML href

javascript - 如何使用 javascript 将 ID 添加到 HTML href

问题描述

我有一个这样的 HTML

<div class="this">
   <a href="exp.com">EXP</a>
</div>

我想将 id 添加到<a>. 但不知道该怎么办。

标签： javascript

解决方案

如果您想使用 Javascript 添加它，您需要使用选择器来定位您的<a>标签，然后id在其上设置属性。您可以使用该querySelector()函数或如下所示执行此操作：

// Find an <a> tag that occurs below a class called "this" and set its id attribute
document.querySelector('.this > a').id = "some-id";

还有许多其他可用功能可以通过本机 Javascript 和其他框架来处理此问题，因此您的里程可能会因您使用的内容而异。

例子

在这个例子中，我们提供了一些 CSS 应该只适用于带有id“测试”的元素，我们将运行必要的代码来显示 id 被添加到元素中（因为它会是红色的）：

document.querySelector('.this > a').id = 'test';
#test { color: red; }
<div class="this">
   <a href="exp.com">EXP</a>
</div>

推荐阅读