Bagaimana untuk mengakses elemen tertentu tanpa menggunakan kelas atau id?

Question

Saya cuba memanipulasi semua teg HTML, kodnya adalah seperti berikut:

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

Saya mahu memanipulasi pembolehubah elemen dan mengubah suai label di dalamnya.

Masalahnya, saya perlu menambah ID atau sejenis nama kelas kepada mereka.

Adakah terdapat cara lain selain menambah ID atau nama kelas? Adakah teg mempunyai ID khas lalai atau sesuatu?

Terima kasih banyak-banyak.

Editor:

Saya menggunakan data-id Jadi... kini kod saya kelihatan seperti ini:

<code>const dataIDName = "data-spellchecker"

//Memulakan data-id
noOfElements++;
elemen[i].setAttribute(dataIDName, noOfElements);
</code>

<code>//Dapatkan elemen DOM melalui pembolehubah data-id

//dataId ialah pembolehubah data-id anda
document.querySelector(`[${dataIDName}="${dataId}"]`);
</code>

Answer 1

Anda boleh mendapatkan elemen mengikut cara utama berikut:

1. Id
2. Kelas
3. Nama
4. Tagname

Selain itu, anda boleh menggunakan xpath dengan logik anda sendiri.

Answer 2

Anda boleh menetapkannya data-id dan nilai

Anda boleh mengaksesnya menggunakan jquery

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

Contoh:

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