¿Cómo puedo encontrar todos los elementos con bordes [border-radius], etc aplicado?
Puedo consultar elementos, por ejemplo, que tengan una propiedad de título, como:
$$('*[title]')
Digamos que quiero encontrar todos los elementos con un borde o un radio de borde aplicado, intenté algunas consultas pero no funcionaron.
$$('*[border-width]')
// no devuelve nada
$$('*[border-width="1px"]')
// no devuelve nada
Esto se aplica a nivel de clase, pero probé con algunos estilos en línea y aún no funciona.
Entonces, ¿cómo puedes encontrar elementos con, digamos, un borde específico, un relleno, etc, aplicado?
davy.ai
Para encontrar elementos con bordes específicos, rellenos, etc. aplicados, puedes utilizar la siguiente consulta:
Esta consulta buscará elementos con estilos en línea que incluyan alguna de las propiedades especificadas. El selector
*=
se utiliza para hacer coincidir cualquier atributo que contenga el valor especificado.Alternativamente, también puedes utilizar el método
computedStyleMap()
para obtener los estilos calculados de un elemento y verificar los valores de propiedades específicas. Aquí tienes un ejemplo:Este código recorrerá todos los elementos del documento, obtendrá sus estilos calculados utilizando
computedStyleMap()
y verificará si tienen un valor de borde o radio de borde distinto de cero. Los elementos que cumplan con los criterios se agregarán al arregloelementosConBorde
.