js改变li的背景颜色，出问题了

<li id='12'></li>
document.getElementById('12').style.background = "red";
怎么没有出来效果。
可是这样
document.getElementById('12').style.display = "none";
又是可以的。求高手解答

解决方案 »

  1.   

    你们还多了个<li id='12'><A></A> </li> 这样的。
      

  2.   

    没看懂#2的意思
     <body>
      <ul>
    <li id="12">one</li>
    <li>two</li>
      </ul>
      <script type="text/javascript">
      <!--
    document.getElementById("12").style.backgroundColor='red';
      //-->
      </script>
     </body>
      

  3.   

    测试没有问题。
    <html>
    <body>
    <script type="text/javascript">
    function buttonClick() {
    var e12 = document.getElementById("12");
    e12.style.background = "red"; 
    }
    </script>
    <ul>
    <li id='12'><a>hello</a></li>
    </ul>
    <input type="button" onclick="buttonClick()" value="测试"/>
    </body>
    </html>还有疑问就贴出代码。
      

  4.   

    document.getElementById('{dede:field name='typeid'/}menu').getElementsByTagName("a")[0].style.background = "#173c5c";
    我这样写可以
    但是又出现个问题了。在ie8 和 ff上面可以。可是遇到ie6就不行了。
    为什么？
      

  5.   

    不是有没有人知道，至少你得提供一个完整可调试的demo。从这几行代码里看不出啥。
      

  6.   


    <li id='12'>js改变 li 的背景颜色，IE6-OK</li>
    <li id='12-2'><a href="#">js改变 li 的背景颜色，IE6-OK</a></li>
    <li id='12-3'><a href="#">js改变 a 的背景颜色，IE6-OK</a></li>
    <script language="javascript">
    <!--
    document.getElementById('12').style.background = "red"; 
    document.getElementById('12-2').style.background = "red"; 
    document.getElementById('12-3').getElementsByTagName("a")[0].style.background = "red"; 
    //-->
    </script> 
      

  7.   

    IE8能跑的IE6不一定能跑啊.~而市面主流浏览器都是IE6 一般都是火狐开发, 针对IE6写hack, 如果有进一步需要, 进一步对IE7,IE8写hack
      

  8.   


    用这个看看，IE跟FF都可以的document.getElementById('12').style.backgroundColor="#E0E0E0";