Wie greife ich auf ein bestimmtes Element zu, ohne Klasse oder ID zu verwenden?

Question

Ich versuche alle HTML-Tags zu manipulieren. Der Code lautet wie folgt:

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

Ich möchte die Variable elements bearbeiten und die darin enthaltenen Beschriftungen ändern.

Das Problem ist, dass ich ihnen eine ID oder einen Klassennamen hinzufügen muss.

Gibt es außer dem Hinzufügen einer ID oder eines Klassennamens noch eine andere Möglichkeit? Hat das Tag eine standardmäßige spezielle ID oder so etwas?

Vielen Dank.

Herausgeber:

Ich habe data-id verwendet, um diese Elemente zu manipulieren. Also... jetzt sieht mein Code so aus:

<code>const dataIDName = "data-spellchecker"

//Daten-ID initialisieren
noOfElements++;
elements[i].setAttribute(dataIDName, noOfElements);
</code>

<code>//Rufen Sie DOM-Elemente über Daten-ID-Variablen ab

//dataId ist Ihre Daten-ID-Variable
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>