我正在尝试更改子元素的背景颜色。
尝试使用代码:
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";
}
答案 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");