L'accès aux éléments par type en javascript

Il y a un moment, j'ai effectué quelques test en Javascript,
et joué avec un code pour obtenir le texte de tous les éléments avec une certaine classe,
Maintenant, j'essayais de faire quelque chose comme ça, mais obtenir tous les éléments d'un certain type, par exemple tous les éléments type="text"
Est-il possible de faire cela en Javascript ou dois-je utiliser jquery?

var xx = document.getElementsByClassName("class");
for (i=0;i<xx.length;i++){
    var str=xx[i].innerHTML;
            alert(str);
}
  • Vous pouvez essayer de document.getElementsByTagName(tagname). Une autre chose est - iQuery est javascript, donc tout est possible avec jQuery est également possible sans elle.
InformationsquelleAutor Saikios | 2011-05-05
  1. 62

    Dans la plaine, vieux de JavaScript, vous pouvez le faire:

    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, vous faites juste:

    //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();
    • J'ai utilisé cela pour obtenir le bouton soumettre.
    InformationsquelleAutor karim79
  2. 59

    Si vous avez de la chance et de la nécessité de s'occuper uniquement pour les navigateurs récents, vous pouvez utiliser:

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

    "récente" ne signifie pas IE6 et IE7

    InformationsquelleAutor Mic
  3. 3
    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;
}());
    InformationsquelleAutor zvona
  4. 2

    Le grésillement sélecteur de moteur (quels sont les pouvoirs de JQuery) est parfaitement adapté pour cela:

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

    Ou

    var elements = $('input:text');
    InformationsquelleAutor Matthew Abbott