例如一个div的位置大小等属性已经记录在一个css文件里头,打开网页时是通过link的方法来引入的,js是如何访问那个div的css上的属性或者修改里面的属性的!

解决方案 »

  1.   

    我用一个例子来说明吧
    test.css#div1{
    background-color:red;
    }
    #div2{
    background-color:red;
    }
    test.html<HTML>
     <HEAD>
      <link rel="stylesheet" href="test.css" type="css/text">
      <link href="test.css" rel="stylesheet" type="text/css">
     </HEAD> <BODY>
     <div id="div1">
     CSS:背景红色
     </div>
     <br>
     <div id="div2">
      CSS:背景红色,js:背景蓝色<br>
     </div>
     <script>
     var ob=document.getElementById('div2');
     ob.style.background='blue';
     </script>
     </BODY>
    </HTML>