javascript - propiedades - title css

Accediendo a elementos por tipo en javascript

Question

Hace un tiempo estaba haciendo algunas pruebas en javascript y jugué con un código para obtener el texto de todos los elementos con una cierta clase. Ahora estaba tratando de hacer algo como esto pero obteniendo todos los elementos por cierto tipo, por ejemplo, todos los elementos type = "text" ¿Hay alguna forma de hacer esto en javascript o debo usar jquery?

var xx = document.getElementsByClassName("class");
for (i=0;i<xx.length;i++){
    var str=xx[i].innerHTML;
            alert(str);
}

Gracias-

Answer 1

El motor selector de chisporroteo (lo que impulsa a JQuery) está perfectamente preparado para esto:

var elements = $(''input[type=text]'');

O

var elements = $(''input:text'');

Answer 2

En JavaScript simple puede hacer esto:

var inputs = document.getElementsByTagName(''input'');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == ''text'') {
        alert(inputs[i].value);
    }
}

En jQuery, simplemente harías:

// select all inputs of type ''text'' on the page
$("input:text")

// hide all text inputs which are descendants of div class="foo"
$("div.foo input:text").hide();

Answer 3

Si tiene suerte y necesita cuidar solo los navegadores recientes, puede usar:

document.querySelectorAll(''input[type=text]'')

"reciente" significa no IE6 y IE7

Answer 4

var inputs = document.querySelectorAll("input[type=text]") ||
(function() {
    var ret=[], elems = document.getElementsByTagName(''input''), i=0,l=elems.length;
    for (;i<l;i++) {
        if (elems[i].type.toLowerCase() === "text") {
            ret.push(elems[i]);
        }
    }

    return ret;
}());