Question

js问题，给id添加样式

<SCRIPT language=javascript>

function expand(el)

{
childObj = document.getElementById("child" + el);

if (childObj.style.display == 'none')
{
childObj.style.display = 'block';

}
else
{
childObj.style.display = 'none';

}
return;
}
</SCRIPT>我还想在if下 在执行一个id=“box” 给这个id添加 意思是在if条件下box的样式改变
<tbody><tr height="27">
<td id="box" style="padding-left: 16px;" background="images/menu_bt.jpg">
<a class="menuParent" onclick="expand(1)" href="javascript:void(0);">化妆品</a>
</td>
</tr>
<tr height="4">
<td></td></tr></tbody></table>
<table id="child1" style="display: block;" border="0" cellpadding="0" cellspacing="0" width="197">
<tbody><tr height="27">
<td width="30" align="center"> </td>
<td><a class="menuChild" href="#" target="main">特惠套装精选</a></td></tr>
<tr height="4">
<td colspan="2"></td></tr></tbody></table>
<SCRIPT language=javascript>

function expand(el)
{
childObj = document.getElementById("child" + el);
if (childObj.style.display == 'none')
{
childObj.style.display = 'block';
}
else
{
childObj.style.display = 'none';
}
return;
}
</SCRIPT>
我想在点击“化妆品”展开时变换“化妆品”的背景

Answer 1

<SCRIPT language=javascript>
function expand(el)
{
var childObj = document.getElementById("child" + el);
var box = document.getElementById("box");
if (childObj.style.display == 'none')
{
childObj.style.display = 'block';
box.style......//按照上面的写法就可以了
}
else
{
childObj.style.display = 'none';
}
return;
}
</SCRIPT>

追问

不行啊！

追答

box.style.background='****.jpg no-repeat';
这样不行？

Answer 2

根据ID来对DOM内容进行操作，可采用javascript中JQuery的方法addClass来实现，具体实现代码如下：

${id}.addClass(className)；

JQuery是javascript中的一种，具体可以理解为：javascript是手机，jQuery就是手机中的爱疯，以简单操作著称，具体可参考：http://www.w3school.com.cn/jquery/