如何使用 javascript 將 ID 添加到 HTML href

Question

我有這樣的 HTML

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

我想將 id 添加到<a> 。 但不知道該怎么辦。

Answer 1

如果你想用 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為“test”的元素，我們將運行必要的代碼來顯示 id 正在添加到元素中（因為它會是紅色的）：

 document.querySelector('.this > a').id = 'test';

 #test { color: red; }

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

Answer 2

首先使用.getElementsByClassName()類的.getElementsByClassName()選擇您的元素。 請記住， .getElementsByClassName()返回元素的NodeList集合，因此您需要訪問第一個索引（或遍歷它們）。 然后您可以簡單地使用.id設置 ID，因為 ID 只是一個元素的屬性。

這可以在以下內容中看到：

 const element = document.getElementsByClassName('this')[0]; element.id = 'element'; console.log(element);

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

Answer 3

將id屬性添加到<a>標簽。 看中間線的區別：

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