CSS构建的table中带ID的li标签的隐藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.5study.net</title>
<style type="text/css"> 
* {margin:0;padding:0} 
#main {margin:100px 0 0 200px} 
#main ul {width:520px;list-style:none} 
#main li {border-left:1px solid #ccc;border-top:1px solid #ccc;
float:left;width:102px;height:33px;text-align:center;line-height:33px} 
#main li.b {border-bottom:1px solid #ccc} 
#main li.r {border-right:1px solid #ccc} 
</style>
</head>
<html>
 <div id="main"> 
<ul> 
<li id="yc">a</li> 
<li>b</li> 
<li>c</li> 
<li>d</li> 
<li class="r">e</li> 
</ul> 
<ul> 
<li id="yc">f</li> 
<li>g</li> 
<li>h</li> 
<li>i</li> 
<li class="r">j</li> <li id="yc">k</li> 
<li>l</li> 
<li>m</li> 
<li>n</li> 
<li class="r">o</li> <li id="yc">p</li> 
<li>q</li> 
<li>r</li> 
<li>s</li> 
<li class="r" id="yc">t</li> <li class="b">u</li> 
<li class="b">v</li> 
<li class="b">w</li> 
<li class="b">x</li> 
<li class="b r">y</li> 
</ul> 
</div>
<input type="button" value="display&show" onclick="fn()"/>
<body><script type="text/javascript">
function fn(){var iteml = document.getElementsByTagName("li");for (var j=0;j<iteml.length;j++){iteml[j].style.display="none";}}
</script>
</body>
</html>
我这样只可以隐藏全部的li 我想的是 var iteml = document.getElementsById("yc");
这样吧不要的那一列的li隐藏掉 
但是好像不行 知道怎么做么
我要的就是一个可循环的类似于table东西。 我可以通过js来控制随便竖起的一列是显示还是隐藏。http://zhidao.baidu.com/question/232399642.html
百度100悬赏分谢谢了

解决方案 »

  1.   

    var iteml = document.getElementsById("yc");
    这个写错了没有红色的s如果是getElementsByTagName或者getElementsByName才有s
      

  2.   


    function fn(){var iteml = document.getElementsByTagName("li");for (var j=0;j<iteml.length;j++){if(iteml[j].id!=undefined && iteml[j].id=="yc")iteml[j].style.display="none";}}
    //在一个页面上的ID应该是唯一的，如果有重复，建议你把ID改为name