Comment accéder à un élément spécifique sans utiliser de classe ou d'identifiant ?

Question

J'essaie de manipuler toutes les balises HTML, le code est le suivant :

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

Je souhaite manipuler la variable elements et modifier les étiquettes qu'elle contient.

Le problème est que je dois leur ajouter un identifiant ou une sorte de nom de classe.

Existe-t-il un autre moyen que l'ajout d'un identifiant ou d'un nom de classe ? La balise a-t-elle un identifiant spécial par défaut ou quelque chose du genre ?

Merci beaucoup.

Éditeur :

J'ai utilisé data-id pour manipuler ces éléments. Alors... maintenant mon code ressemble à ceci :

<code>const dataIDName = "data-spellchecker"

//Initialiser l'identifiant de données
noOfElements++;
elements[i].setAttribute(dataIDName, noOfElements);
</code>

<code>//Obtenir des éléments DOM via des variables d'identification de données

//dataId est votre variable data-id
document.querySelector(`[${dataIDName}="${dataId}"]`);
</code>

Answer 1

Vous pouvez obtenir des éléments selon les principales manières suivantes :

1. Id
2. Classe
3. Nom
4. Tagname

Vous pouvez également utiliser XPath avec votre propre logique.

Answer 2

Vous pouvez lui attribuer un data-id et une valeur

Vous pouvez y accéder en utilisant jquery

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

Exemple :

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