"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Existe un método comodín para la coincidencia de nombres de elementos en \"querySelector()\" y \"querySelectorAll()\" de JavaScript?

¿Existe un método comodín para la coincidencia de nombres de elementos en \"querySelector()\" y \"querySelectorAll()\" de JavaScript?

Publicado el 2024-12-23
Navegar:588

Is There a Wildcard Method for Element Name Matching in JavaScript\'s \

Nombre de elemento comodín que coincide con "querySelector()" y "querySelectorAll()" en JavaScript

Problema:

Consultar un documento XML con elementos que tienen cadenas específicas incrustadas en sus nombres puede resultar un desafío. Aunque CSS admite comodines para consultas de atributos, parece que falta la misma funcionalidad para los nombres de elementos.

Solución:

Desafortunadamente, no existe una forma sencilla de hacer coincidir el elemento comodín nombres usando "querySelector()" o "querySelectorAll()". Sin embargo, existen enfoques alternativos:

  • Coincidencia de atributos: CSS proporciona comodines para los valores de los atributos. Para hacer coincidir elementos con una cadena particular en su nombre, busque la presencia de esa cadena dentro de cualquiera de sus atributos usando la siguiente sintaxis:

    • [atributo^='valor'] coincide con elementos cuyo atributo comienza con 'valor'.
    • [attribute$='value'] coincide con elementos cuyo atributo termina con 'value'.
    • [attribute*='value'] coincide con elementos cuyo atributo contiene 'valor'.
  • Atributo de nombre: Si está interesado en hacer coincidir el atributo 'nombre', simplemente sustituya 'id' por 'nombre' en lo anterior expresiones.

Ejemplo:

Para buscar todos los elementos con la cadena "nombre" en su atributo "nombre", puede utilizar:

const elementsWithName = document.querySelectorAll('[name*="name"]');

Nota:

Si busca una coincidencia de comodines para el nombre de la etiqueta del elemento, actualmente no existe una solución directa que utilice "querySelector()" o "querySelectorAll()".

Declaración de liberación Este artículo se reimprime en: 1729664489 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3