如何在没有使用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>