JS控制CSS样式

<div id='xx'>
  <table>
    <tr>
      <td>
      <a href="#">a</a>
      </td>
    </tr>
  </table>
</div>JS获取div对象后，怎么去设置a标签的样式

解决方案 »

  1.   

    var odiv = document.getElementById("xx")
    var oa = odiv.getElementsByTagName("a");
    oa.style.color = 'red'
      

  2.   


    <script>
    window.onload=function(){
       var obj = document.getElementById("xx");
       var a = obj.getElementsByTagName("a")[0];
       a.style.color = "red";  
       
    }
    </script>
    <div id='xx'> 
      <table> 
        <tr> 
          <td> 
          <a href="#">a </a> 
          </td> 
        </tr> 
      </table> 
    </div>
      

  3.   

    随便写了一个.没有问题的
    <!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>
    </head><body>
    <div id="x">
    <a href="#">aaaaaaaaaaa</a>
    </div>
    <script>
    window.onload = function(){
    var odiv = document.getElementById('x');
    var oa = odiv.getElementsByTagName('a');
    oa[0].onclick =  function(){
    oa[0].style.marginLeft = 20 + 'px';

    }
    };
    </script>
    </body>
    </html>