Question

文档加载完成后，我真的需要知道输入的属性。例如：

<input type="text" data-type="string" />
<input type="text" data-type="string" />
<input type="text" data-type="date" />

带有警告的javascript应显示

you have 2 string data-type and 1 date data-type

Answer 1

与Jquery。

$.each( $("input") , function(_index, _item){    
    alert($(_item).attr("data-type"));
});

你现在必须计算并显示你的信息......

Answer 2

冒着被给你太多代码的风险......鉴于你的问题没有被标记jQuery，纯粹的Javascript实现可能如下：

(function(){
    var loader = window.onload;
    window.onload = function(){
        if(typeof loader == 'function') loader();
        var els = document.getElementsByTagName('input'), data = [];
        for(var i=0;i<els.length;i++){
            var type = els[i].getAttribute('data-type') || 'unknown';
            if(typeof data[type] == 'undefined') data[type] = 1;
            else data[type]++;
        }
        var out = '';
        for(var key in data){
            if(out != '') out += 'and '; else out += 'You have ';
            out += data[key] + ' ' + key + ' data-type ';
        }
        alert(out);
    }
})();

有点复杂且可能令人困惑 - 但如果您发布任何其他问题，请包含您尝试过的内容的代码示例，并说明您确切模糊的地方。

如何在用javascript加载文档时知道输入的属性

2 个答案: