关于设置obj.style.display='none',谢谢

Question

<ul>
<li>
  <ul>
    <li>test1</li>
    <li>test2</li>
  </ul>
</li>
<li>
  <ul>
    <li>test3</li>
    <li>test4</li>
    <li>test5</li>
  </ul>
</li>
</ul><SCRIPT LANGUAGE="JavaScript">
var ss = document.createStyleSheet();
</SCRIPT>
<input type="button" value="hide" onclick="ss.addRule('li', 'display: none'),ss.addRule('ul', 'display: none')">
<input type="button" value="show" onclick="ss.removeRule(1); ss.removeRule(0)">

Answer 1

或者：
<ul>
<li>
  <ul>
    <li>test1</li>
    <li>test2</li>
  </ul>
</li>
<li>
  <ul>
    <li>test3</li>
    <li>test4</li>
    <li>test5</li>
  </ul>
</li>
</ul><style id="mm" disabled>
ul{display: none}
li{display: none}
ol{display: none}
</style><input type="button" value="hide" onclick="document.getElementById('mm').disabled=false">
<input type="button" value="show" onclick="document.getElementById('mm').disabled=true">

Answer 2

另外，我如果在CSS里设置了 li {style.display:none;}
那么我在页面 obj.style.display=''就不会起作用了-----------------
我在你原来的那个已经结了的帖子里回了~
你有兴趣就看看吧~

Answer 3

可以像上楼梅老大的方法，操作样式表。也可以用getElementsByTagName 循环操作所有li 和 ui 标识符。

Answer 4

原来style的id还可以这么用,学习~~```````````

Answer 5

我估计LZ的意思是
用getElementsByTagName 循环操作所有li 和 ui 标识符。
这样来操作

Answer 6

梅大哥的第二种方法，如果我动态地设置了id.style.display='none'
那么当点击展开的时候，那么刚才设置了id.style.display='none'的那一层以下的所有节点将不能被展开