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

时间:2012-10-16 16:18:04

标签: javascript jquery

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

尝试使用代码:

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

高亮显示的是我试图改变的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";

}

1 个答案:

答案 0 :(得分:2)

我会使用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");