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

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

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

使用Jquery

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

---

您现在必须计数并显示您的消息…

可能会因为给您太多代码而被列入名单。。。考虑到您的问题没有被标记为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);
    }
})();

---

有点复杂，可能会让人困惑-但如果您发布任何进一步的问题，请包括您尝试过的代码示例，并说明您的模糊之处。

对于复杂数据，您可以使用$\u item。数据“类型”是的，它工作得很好，感谢您的建议，我会记住它

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