JS 怎样才能根据属性的值，找到该对象？

Question

如<input type="button" value="按钮“ />
<input type="password" />

根据type的值，找到这个input，通过ByTagName 可以找到所有input却还没有办法精确定位。
这个问题，请不要让我用ID，class。也不要使用JQ或者ExT。
JQ中就能实现根据标签的属性值，定位对象，而现在就是想知道怎么才能找到

Answer 1

// 获取所有 input
var input = document.getElementsByTagName("input");
for(var i = 0;i < input.length;i++)
{
// 获取第一个属性

var str = input[i].attributes[0].value;

if(str == "password")
{
alert(str);
}
}

Answer 2

function getInputsByType(type, p) {
    var inputs = (p || document).getElementsByTagName('input');
    var length = inputs.length;
    var ret = [];
    for (var i = 0; i < length; i++) {
        var input = inputs[i];
        if (input.type == type) {
            ret.push(input);
        }
    }
    return ret;
}

var pwd = getInputsByType('password');

本回答被提问者采纳

Answer 3

// 获取所有 input
var input = document.getElementsByTagName("input");
for(var i = 0;i < input.length;i++)
{
// 获取第一个属性

var str = input[i].attributes[0].value;

if(str == "password")
{
alert(str);
}
}

Answer 4

可以通过元素在集合中的位置找到
你ByTagName之后就获得了input元素集，
那么ByTagName("input")[0]就是button
ByTagName("input")[1]就是password

Answer 5

$(":button") ----> <input type="button" value="按钮“ />

$(":password") ---> <input type="password" />追问

朋友，你这个是class的值吧，而且还是用JQ，如果是JQ的话，可以通过$("input[type='button']")获得对象。

你的不是我想要的答案，要通过原生JS代码取得对象

追答

$(“：button”).val();这个是获取button的值的

$(“.button”).val();这个才是获取class 的值的