javascript - 突出显示另一个 div 中的 div 元素

Question

我正在尝试更改子元素的背景颜色。

尝试使用以下代码：

arrdiv[i].highlight.style.backgroundColor = "black";

highlight 是我要更改的 div 的名称。这显然是不正确的，但希望它证明了我正在尝试做的事情。

这是功能：

function mainFormHideShow(id, highlight_id, arrDiv) 
{ 
    var idNum = id*1;
    var l = arrDiv.length;
    var i = idNum%l;
    var highlight = 'highlight' + highlight_id;

    for (var j=0; j<l; j++)
    {
        $(arrDiv[j]).hide();
    }

    arrDiv[i].style.display = "block";

    arrdiv[i].highlight.style.backgroundColor = "black";

}

Answer 1

我会使用id财产而不是name财产。所以，你可以这样做：

document.getElementById('highlight').style.backgroundColor = "black";

如果您仍然想使用name属性，则必须执行以下操作：

var myDivs = document.getElementsByName('highlight');
myDivs[0].style.backgroundColor = "black";

如果您使用 jQuery：

$("#highlight").css("backgroundColor", "black");

或者：

$("[name=highlight]").css("backgroundColor", "black");