javascript - 按名称快速检查 Div 元素

Question

我有一些 Div:

<div id="content">
    <div class="c" id="1">
        <div id="xyz">dont care</div>
        <div id="texts1">
            <div name="check"> ContentText </div>  
        </div>
    </div>
    <div class="c" id="2">
        <div id="xuyz">dont care</div>
        <div id="texts2">
            <div name="check"> ContentText </div>  
        </div>
    </div>
</div>

我想迭代“c”类的所有元素。然后我想检查每个“c”元素的名为“check”的 Div 元素是否包含特殊文本。

如果为 true，则操作“c”元素(包含特殊文本)

我尝试过这样的事情:

var ele = document.getElementsByClassName("c");
for(var i=0;i<ele.length;i++)
{
 var check = ele[i].getElementsByName("check");
 if(check.innerHTML ....)
}

但这不起作用:/从 Firefox 登录:

TypeError: ele[i].getElementsByName is not a function

我的错误在哪里？

Answer 1

一个简单的querySelectorAll()应该可以解决这个问题:

var check = document.querySelectorAll('.c [name="check"]');

正如评论中所述，只有 document 具有 getElementsByName 方法。