遍历包括span元素的DOM元素

Question

我正在尝试使某个功能正常工作，但是还没有运气，所以以为我会向Stackoverflow的智囊团问一个新手问题！

基本上，我有一个表单，并且遍历所有元素以查看是否存在自定义数据属性。 如果存在，则保持该元素可见，但如果不存在，则将该元素隐藏。

当我使用下面的函数时，它将循环访问表单上的所有输入字段，但是它将忽略任何span或div元素，即使它们具有值为'FocusGroup'的'data-group'属性

function DropDownSelection_Focus(FocusGroup)
{
var elements = frm_FormName.elements;
var el;
for (var i=0, iLen=elements.length; i<iLen; i++) 
    {
    el = elements[i];
    var GetGroup = document.getElementById(el.name).getAttribute('data-group');
    if (GetGroup != null && GetGroup !='')
        {
        if (GetGroup == FocusGroup.value)
            {
             document.getElementById(el.name).style.visibility = 'visible';
            }
        else
            {
            document.getElementById(el.name).style.visibility = 'hidden';
            }
        }
    }
}

span / div元素同时具有id和name值，因此是否有理由将其从循环中排除？

Answer 1

FORM对象的element属性返回表单中所有元素的集合。 元素表示输入，文本区域，按钮或选择。 支持“用户操作”的功能-可以被按下，选择等。如果要获取所有具有数据组属性的元素，则可以使用以下方法：

var elementsWithGroupAttr = frm_FormName.querySelectorAll("*[data-group]");

frm_FormName是表格（您的代码段中的变量）。

Answer 2

感谢大家帮助解决此问题。 我能够使我的循环与以下对象一起使用（以利于以后搜索的其他人）：

var elements = frm_FormName.querySelectorAll("*[data-group]");
var el;
for (var i=0, iLen=elements.length; i<iLen; i++) 
{
el = elements[i]
var GetGroup = el.getAttribute('data-group');
    if (GetGroup == FocusGroup.value)
    {
    el.style.visibility = 'visible';
    }
    else
    {
    el.style.visibility = 'hidden';
    }
}

虽然格奥尔基的答案是唯一被接受的“答案”，但也得到了维尔纳，亚里亚什和洛德卡因的帮助。

感谢大家！