How to access specific element without using class or id?

Question

I am trying to manipulate all HTML tags, the code is as follows:

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

I want to manipulate the variable elements and modify the labels within it.

The problem is, I need to add an ID or some kind of class name to them.

Is there any other way besides adding ID or class name? Does the tag have a default special ID or something?

Thank you very much.

Editor:

I used data-id to manipulate these elements. So... now my code looks like this:

<code>const dataIDName = "data-spellchecker"

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

<code>//Get DOM elements through data-id variables

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

Answer 1

You can get elements according to the following main ways:

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

Also, you can use xpath with your own logic.

Answer 2

You can assign it a data-id and a value

You can access it using jquery

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

Example:

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