如何在沒有使用class或id的情況下存取特定元素？

Question

我正在嘗試操作所有的HTML標籤，程式碼如下所示：

var elements = document.getElementsByTagName("<*>")

我想要操作變數elements並修改其中的標籤。

問題是，我需要為它們加上一個ID或某種類別名稱。

除了加上ID或類別名稱之外，還有其他方法嗎？ 標籤是否有預設的特殊ID或其他什麼？

非常感謝。

編：

我使用了data-id來操作這些元素。所以...現在我的程式碼看起來像這樣：

<code>const dataIDName = "data-spellchecker"

//初始化data-id
noOfElements ;
elements[i].setAttribute(dataIDName, noOfElements);
</code>

<code>//透過data-id變數取得DOM元素

//dataId是你的data-id變數
document.querySelector(`[${dataIDName}="${dataId}"]`);
</code>

Answer 1

您可以根據以下主要方式取得元素：

1. Id
2. Class
3. Name
4. Tagname

此外，您還可以使用自己的邏輯來使用xpath。

Answer 2

您可以為其指派data-id和值

您可以使用jquery存取它

const value = $(event.currentTarget).attr('data-id')

範例：

<button class="submitButton" id="btn1" data-id="1">提交</Button>