Question

我能够获取具有特定类名的元素，但无法检索具有该特定类名的元素数量的长度。

我应该如何获得具有子元素的特定类名的元素数量？

document.getElementById('contact').onsubmit = function() {
    var children = this.children;

    for(var i = 0; i < children.length; i++) {
        if (children[i].className == 'req') {

            console.log(children[i]); //defined
            console.log(children[i].length); //undefined

        }
    }

    return false;
};

Answer 1

我认为您希望计算该类的子元素数量：

document.getElementById('contact').onsubmit = function() {
    var children = this.children;
    var count = 0;
    for(var i = 0; i < children.length; i++)
        if (children[i].classList.contains('req'))
            count++;
    console.log(count+" of "+children.length+" have the class 'req'");
    return false;
};

Answer 2

我自己找到了一个简单的解决方案：

请让我知道你们的想法？

jsFiddle

document.getElementById('contact').onsubmit = function() {
    var req = this.getElementsByClassName('req').length;
    console.log(req);
    return false;
};

Answer 3

使用children[i].value.length获取值。

jsFiddle

Answer 4

var arr = Array.prototype.slice.call( children )

抱歉，我的意思是http://jsfiddle.net/e4CQu/15/

Answer 5

DOM元素没有length属性。如果您要尝试获取其中的字符数，则应使用length的{{1}}属性，如下所示：value

获取具有特定类名的子元素的长度？

5 个答案: