javascript - 循环遍历 DOM 元素，包括 span 元素

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 是表单(代码片段中的变量)。