菜鸟请教，能不能通过js把一个table下的所有tr得到，然后改变tr的样式表？好像jquery可以，我不会，希望高手赐教

菜鸟请教，能不能通过js把一个table下的所有tr得到，然后改变tr的样式表？好像jquery可以，我不会，希望高手赐教。我的目的就是改变一个table下的所有tr样式，条件是只知道table的id,tr没有设id.可以做到吗？

解决方案 »

  1.   

    你给TR定义一个class不就完了 <TR class ="_aaa">
    然后你改CSS啊
      

  2.   

    非要这么做就
    -----得到table下的所有tr
       tableID.getElementsByTagName("tr");
      

  3.   

    类似于这样：
    $("#tableId tr").css("color","red");
      

  4.   

    <!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=utf-8" />
    <title>无标题文档</title>
    <style>
    .a{font-size:100px; color:#F00;}
    </style>
    </head><body>
    <table id="t">
         <tr>
             <td>1</td>
                
            </tr>
            <tr>
             <td>1</td>
                
            </tr>
            <tr>
             <td>1</td>
                
            </tr>
            <tr>
             <td>1</td>
                
            </tr>
            <tr>
             <td>1</td>
                
            </tr>
        </table>
    <script>
        var t = document.getElementById('t').getElementsByTagName('tr'),
    len = t.length;

    for(var i = 0; i < len; i++){
    t[i].className = 'a';
    }
        </script>
    </body>
    </html>
      

  5.   

    这个意思吗？<!doctype html>
    <html>
        <head>
    <style>
    .test tr { color:red; }
    </style>
        </head>
        <body>
    <table id="test">
    <tr>
    <td>1-1</td>
    <td>1-2</td>
    </tr>
    <tr>
    <td>2-1</td>
    <td>2-2</td>
    </tr>
    </table>
    <input type="button" id="btn" value="改变样式" />
    <script>
    function $(o){return document.getElementById(o);}
    $('btn').onclick = function(){
    $('test').className = 'test';
    }


    </script>
        </body>
    </html>
      

  6.   

    如果用 jquery 就是 $('tabid tr')
    直接js就是 document.getElementById("tabid").getElementsByTagName("tr");
    不过用js的话，你还需要循环去对所有的tr去做操作。用jquery可以一句话到位。
      

  7.   

    例如可以这样var oTable = document.geiElementById("TableId");
    var Trs = oTable.getElementsByTagName("tr");for(var i=0;i<Trs.length;i++){
      Trs[i].classname=="new";
    }