[SOLUCIONADO] Obtener todos los campos ocultos

[ericklanford]

Hola, me preguntaba si existe alguna forma sencilla de obtener todos los campos ocultos (que no se están mostrando) en una página.

O sea, supongamos tengo un div y dentro de él varios inputs, y supongamos que ese div está oculto. Por ende todos los inputs no se visualizarán.

Lo que quisiera es contar con una función que me liste todos los inputs que no están visibles.

Por supuesto sin usar clases CSS ya que quiero hacer algo genérico que funcione en cualquier escenario.


Gracias de antemano por la ayuda.
Saludos cordiales.

[WorseMzg]

estimado con algo si pones algo de codigo se puede entender mejor ya que no te entiendo muy bien que es lo que necesitas, por ejemplo de que modo tienes oculto el div.

etc...

Saludos !

[ericklanford]

... es que ese es el tema. Independientemente de la estructura del html deseo obtener todos los campos o controles que no se están mostrando.

[Alexis88]

Una básica y sencilla forma de hacerlo es tomar a todos los elementos del documento HTML, utilizar un bucle para iterar sobre dicho conjunto y, en cada iteración, verificar que el elemento actual en la iteración o el elemento que lo contiene no sea visible. De ser así, bien puedes contarlo o asignarlo a un array.

Código Javascript:

var elementos = document.getElementsByTagName("*"),
    total = elementos.length,
    invisibles = [];
 
for (var i = 0; i < total; i++){
    var actual = elementos[i],
        padre = elementos[i].parentNode;
 
    //Para compatibilidad con versiones anteriores a IE9
    if (window.getComputedStyle){
        if (getComputedStyle(actual).display == "none" || getComputedStyle(padre).display == "none"){
            invisibles.push(elementos[i]);
        }
    }
    else{
        if (actual.currentStyle.display == "none" || padre.currentStyle.display == "none"){
            invisibles.push(elementos[i]);
        }
    }
}
 

De este modo, el array invisibles contendrá a todos los elementos que no sean visibles en el documento. El valor de la propiedad display lo obtengo con el método getComputedStyle o con currentStyle en caso de que el navegador fuera IE8 o una versión anterior.

Saludos

[ericklanford]

Gracias!! Me sirvió de mucho!!