在javascript中按类型访问元素 [英] Accessing elements by type in javascript

问题描述

前段时间我在Javascript中进行了一些测试，
并使用代码来获取具有某个类的所有元素的文本，
现在我试图制作这样的东西但是获得某个类型的所有元素，例如所有元素type =text
有没有办法在Javascript中执行此操作或者我应该使用jquery？

A while ago I was making some test in Javascript, and played with a code to get the text of all elements with a certain class, Now I was trying to make something like this but obtain all elements by a certain type, for example all elements type="text" Is there any way to do this in Javascript or should I use jquery?

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

推荐答案

在普通的JavaScript中你可以这样做：

In plain-old JavaScript you can do this:

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

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

在jQuery中，你只需这样做：

In jQuery, you would just do:

// 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();

这篇关于在javascript中按类型访问元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！