如何用js改變td的樣式？

onclick="document.getElementsByTagName("td")[0].style.fontSize='19px';"

解决方案 »

  1.   

    var tds = document.getElementsByTagName("td");
    for(i=0;i<tds.length;i++)
    {
       tds[i].style.fontSize = "19px";
    }
      

  2.   

    看下面的，楼主能自行发现其中的原因
    TD与表格类似，只要找到你想改变的TD；
    <script language="javascript" type="text/javascript">

    function changeIt()
    {
    var utable = document.getElementById("utable");
    utable.style.fontSize = 13+'pt';
    utable.style.fontWeight = 800;
    utable.style.color = '#FFFFFF';
    utable.style.background = "#66FF00";
    } function canncelIt()
    {
    var utable = document.getElementById("utable");
    utable.style.cssText = "";
    }</script>
    </HEAD><BODY>
    <button onclick="changeIt();return true;" style="cursor:hand;">Chage your table</button><button onclick="canncelIt();return true;" style="cursor:hand;">Canncel style</button><br/>
    <TABLE id="utable" width="60%" border="1" cellpadding="0" cellspacing="0">
    <TR>
    <TD>asdfaaaaaaaaaaaaaaaaaaa</TD>
    <TD>asdfasdf$%2345234FGsf</TD>
    </TR>
    <TR>
    <TD>asdfaaaaaaaaaaaaaaaaaaa</TD>
    <TD>asdfasdf$%2345234FGsf</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>
      

  3.   

    lantersen(蓝水仁--明天的希望,让我们忘记了今天的痛苦！~) 的只改變一個表格裡面的內容，如果這個表格裡面嵌套表格就改變不了了，