js实现单元格改变背景色

在js  中如何实现 让指定
<td  id="td1"></td>
......
<td  id="td10"></td>单元格背景变为红色

解决方案 »

  1.   

    document.getElementById("td1").style.backgroundColor="red"
      

  2.   

    document.getElementById("td1").bgColor="red";
      

  3.   

    你的<td>不是用ID标识吗,非别给给不同的ID不同的样式就好了.
      

  4.   

    <script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script>
    <style>
    /* 隔行换色 */
    body{font-size:9pt;}
    li{padding:3px;}
    .demoOver{background:#ccc;}
    .demoBg{background:#f1f1f1;}
    </style>
    </head>
    <body>
    <script type="text/javascript">
    // 隔行换色
    $(function(){
    $(".demo ul li").mouseover(function(){
    $(this).addClass("demoOver");
    }).mouseout(function(){
    $(this).removeClass("demoOver");
    })
    $(".demo ul li:even").addClass("demoBg");
    })
    </script>
    <!-- 隔行换色 -->
    <div class="demo">
        <ul>
            <li><a href="/soft/9590.shtml" target="_blank">Java源代码：抽象类和接口</a></li><li><a href="/soft/9569.shtml" target="_blank">VB将多媒体文件写入Access数据库中</a></li><li><a href="/soft/9553.shtml" target="_blank">jQuery 3D 文字三维旋转效果代码</a></li><li><a href="/soft/9546.shtml" target="_blank">Spy++ 原理初探VC++相关源代码</a></li><li><a href="/soft/9548.shtml" target="_blank">画图板源码，VC++增强版</a></li><li><a href="/soft/9554.shtml" target="_blank">jQuery 华丽炫彩、动感多级渐显菜单</a></li><li><a href="/soft/9540.shtml" target="_blank">VC++ 矩阵输入、输出运算及技术文档</a></li><li><a href="/soft/9539.shtml" target="_blank">PHP经典实例第二版 pdf </a></li>
        </ul>
    </div>
    </body>
    </html>
      

  5.   

    document.getElementById("td1").style.backgroundColor="red"
      

  6.   

    $("table td").css("background","red");