Javascript - Buscar elementos por sus IDs

Esta sugerencia le mostrará cómo buscar elementos según su ID. Es entonces cuando este último coincide con una expresión regular.

Problema

Ya conoce el método getElementById (id) que se usa para devolver el elemento relacionado con un ID particular (ya que ID es necesariamente único) y el método getElementsByTagName (tagName) que devuelve una matriz que contiene todos los elementos con la etiqueta mencionada.

Bueno, hay algunos casos donde estas soluciones no son suficientes.

Por ejemplo: tiene cuadrados en su sitio: cuando el usuario hace clic en un botón, cada cuadrado cambia de tamaño, cada uno con su propio tamaño. Por lo tanto, deberá tener una lista de sus ID para administrarlos. Hay dos soluciones disponibles:

Cada vez que agrega un cuadrado, incrementa manualmente una lista de ID.

Tiene un bucle que busca el documento para encontrar los cuadrados, por lo que el método se ajusta directamente al código. Pero, ¿cómo recuperar todas las ID, sabiendo que no conoce el número exacto de cuadrados (no en bucle) y no sabe dónde están en la página?

Solución

Usaremos el método getElementByRegexId. Este método tiene dos parámetros, a saber:

La expresión regular que coincide con los identificadores.

[Fac] El nombre de la etiqueta a buscar. Si no se indica nada, entonces todas las etiquetas serán tomadas en consideración.

El principio es simple: buscamos a través de los elementos recuperados por getElementsByTagName, probamos los ID y cualquier cosa que coincida con la expresión regular, se agrega a una tabla:

 function getElementsByRegexId (regexpParam, tagParam) {// Si aucun nom de balise n'est spécifié, en cherche sur toutes les balises tagParam = (tagParam === undefined)? '*': tagParam; var elementsTable = new Array (); para (var i = 0; i 
Ejemplo:
 var divCarres = getElementsByRegexId (/ _ carre. * /, "div"); var tousLesCarres = getElementsByRegexId (/ _ carre. * /);