带-的要把-去掉,第二个单词首字母大写。如background-color===>backgroundColor要隐藏的话你再定个高度。
具体解决方法如下：
一、问题描述：
在js中我们有时想动态的控制一个div显示或隐藏或更多的 *** 作，但如果我们style.display=""可能导致没有效果。
看下面一段代码：
复制代码代码如下:<style>
#name
{
display:none
}
</style>
</head>
<body>
<divid="name">
Mynameissmile.
</div>
</body>
</html>
<script>
window.onload=function(){
document.getElementById('name').style.display=""
alert("test")
}
</script>
css定义了id为name的div为隐藏，而我们在页面加载完成之后用js控制该id显示出来，这样写有错么？
木有错？可是为什么界面上还是空白呢？
二、解决方法：
记得还有一个用法是xxx.style.display="block"那我们试试吧，
呜呼，竟然显示了！！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function $(id){return document.getElementById(id)}
function checkcolor(tid){
if($(tid).innerText=="未修改"){
$(tid).style.color="#ff0000"
}
}
</script>
</head>
<body onload="checkcolor('abc')">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" id="abc">未修改</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
循环所有表格，td[x1]+td[x2]+td[x3] / 3 ，取余，余为0的，那就给加CSS样式，如果不为0，跳过，继续td[x2]+td[3]+td[x4].........重复上一步。。。想的一个笨办法。。。。。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）