带-的要把-去掉,第二个单词首字母大写。如background-color===>backgroundColor要隐藏的话你再定个高度。
具体解决方法如下:
一、问题描述:
在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果。
看下面一段代码:
复制代码 代码如下:<style>
#name
{
display:none
}
</style>
</head>
<body>
<div id="name" >
My name is smile.
</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" 那我们试试吧,
呜呼,竟然显示了!!!
不是"_",,没有_ 比如css的padding-left在js中就是paddingLeft.注意两个单词之间的大写我觉得你这个做的有点复杂了。还用js。直接出数据的时候在td里面加一个div,然后给个宽度。并且给一个css超出隐藏样式:<td><div class="aa"></div></td>。 样式.a{width:100pxoverflow
:hidden}
<!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>