Adakah Terdapat Kaedah Wildcard untuk Pemadanan Nama Elemen dalam \"querySelector()\" dan \"querySelectorAll()\" JavaScript?

Nama Elemen kad liar Padanan dengan "querySelector()" dan "querySelectorAll()" dalam JavaScript

Masalah:

Menyoal dokumen XML dengan elemen yang mempunyai rentetan tertentu yang dibenamkan dalam nama mereka boleh mencabar. Walaupun CSS menyokong kad bebas untuk pertanyaan atribut, fungsi yang sama nampaknya tiada untuk nama elemen.

Penyelesaian:

Malangnya, tiada cara mudah untuk memadankan elemen kad bebas nama menggunakan "querySelector()" atau "querySelectorAll()". Walau bagaimanapun, terdapat pendekatan alternatif:

• Pemadanan Atribut: CSS menyediakan kad bebas untuk nilai atribut. Untuk memadankan elemen dengan rentetan tertentu dalam namanya, cari kehadiran rentetan itu dalam mana-mana atributnya menggunakan sintaks berikut:

  • [attribute^='value'] sepadan dengan elemen yang atributnya bermula dengan 'nilai'.
  • [attribute$='value'] sepadan dengan elemen yang atributnya berakhir dengan 'value'.
  • [attribute*='value'] sepadan dengan elemen yang atributnya mengandungi 'value. '.
• Atribut Nama: Jika anda berminat untuk memadankan atribut 'nama', cuma gantikan 'id' dengan 'nama' dalam ungkapan di atas.

Contoh:

Untuk mencari semua elemen dengan rentetan "nama" dalam atribut 'nama' mereka, anda boleh menggunakan:

<code class="javascript">const elementsWithName = document.querySelectorAll('[name*="name"]');</code>

Nota:

Jika anda sedang mencari pemadanan kad bebas untuk nama tag elemen itu sendiri, pada masa ini tiada penyelesaian langsung menggunakan "querySelector()" atau "querySelectorAll()".

Atas ialah kandungan terperinci Adakah Terdapat Kaedah Wildcard untuk Pemadanan Nama Elemen dalam \"querySelector()\" dan \"querySelectorAll()\" JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!