关于obj.style.display的问题

document.getElementById("qq").style.display=""
<tr id='qq' style="display:none">

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script>
function aa(){
obj=document.getElementById("qq");
obj.style.display='none';
}
function bb(){
obj=document.getElementById("qq");
obj.style='none';
}
</SCRIPT>
<input type=button onclick="aa()" value='test'>
<input type=button onclick="bb()" value='test2'>
<table><tr id='qq' style='background-color:red'><td>dsfsdfsdf</td></tr></table>--------------
你运行一下就会发现第2个方法会出找不到成员的错误
如果把display:none写在CSS里
那么在页面上再怎么 style.display='';也不会显示了
有什么解决办法吗？
那我怎么一次性地设置N个tr的display为none呢？
１　如果<tr> 在一个table里，可以把table　display
２　<div id="div">
     <tr>
     </tr>
     <tr>
     </tr>
     ....
    </div>可以把div　display，方法就是上面的２种３　<tr> 不在一起     <tr id="trdiaplaya">
     </tr>
     ...
     <tr id="trdiaplayb">
     </tr>
把他门的id的前面命名一样的，后缀不同
var a=document.getElementsByTagName("tr");
for(var i=0;i<a.length;i++){
   if(a[i].id.substr(0,9)=="trdiaplay"){
      a[i].style.display='none';
   }
}
不太明白在div里怎么设置tr？id？
我这样好像不行
<div>
<tr id='a1'>aaa</tr>
<tr id='a2'>bbb</tr>
</div>
还是不会换行
<tr id='qq' style="display:none">
要用script控制显示要么用style的方法加在tr的属性里，要么用class=""的形式加在属性里。
否则比较难控制。
那我怎么一次性地设置N个tr的display为none呢？
方法一：
table document.write写出
方法二：
<TABLE>
<TR>
<TD id=td1>1</TD>
</TR>
<TR>
<TD id=td2>2</TD>
</TR>
<TR>
<TD id=td3>3</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
for(var i=1;i<4;i++){

eval("document.getElementById('td"+i+"').style.display='none'")//这种方法需要在上面的table中手工写入id，也比较麻烦
document.getElementsByTagName('tr')[i-1].style.display='none';//这种可能会更好。
}
如果把display:none写在CSS里
那么在页面上再怎么 style.display='';也不会显示了
有什么解决办法吗？--
你在tr里写上style="display:block;"
应该会显示的吧~
直接用style的优先级应该比class引用的要高啊
不行，如果在CSS里设置了 display:NONE，那么不管怎样 obj.style.display='block'
或者obj.style.display='' 都没用。不能显示了
不知道楼主的样式怎么写的，直接用style的样式应该是最高的~~看如下这个例子~`<!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/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

tr{
    display:none;
background-color:#CC9999;
height:25;
}

    #tr_id{
    display:none;
background-color:#CC9999;
height:25;
}

    .tr_none{
    display:none;
background-color:#CC9999;
height:25;
}

td{
    font-size:12px;
}
</style>
<script language="javascript">
    function showTr()
{
    var Trs = document.getElementsByTagName("TR");
for(i=0;i<Trs.length;i++)
{
Trs(i).style.display = "block";
}
}
</script>
</head><body>
<table width="632" border="0" cellspacing="1" cellpadding="0">
  <tr style="display:block;">
    <td width="177">TR名称直接引用和style的比较</td>
    <td width="153">sdasdas</td>
    <td width="127"> </td>
    <td width="170"> </td>
  </tr>
  <tr class="tr_none">
    <td>Class引用和脚本设置的比较</td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr id="tr_id">
    <td>id引用和脚本设置的比较</td>
    <td>adsa</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>TR名称直接引用和脚本设置的比较</td>
    <td>asd</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<button name="btn" onclick="showTr();">显示所有tr</button>
</body>
</html>