Question

js中怎么改变外部css中的属性值

Answer 1

<style>.win{display:none}</style>
<div id="w" class="win">
        这是DIV登录框示例<br>
 </div>
 <script>
     function changecss(theClass, element, value) {
         var cssRules;
         if (document.all) {
             cssRules = 'rules';
         }
         else if (document.getElementById) {
             cssRules = 'cssRules';
         }
         for (var S = 0; S < document.styleSheets.length; S++) {
             for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
                 if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
                     document.styleSheets[S][cssRules][R].style[element] = value;
                 }
             }
         }
     }
     window.onload = function () {
         changecss('.win', 'display', 'block');
     } 
    </script>

Answer 2

修改外面css的属性值，其目的是为了改变本html页面元素的样式，其实你干脆不如直接修改或者附加一个样式到本页面的html元素上（按照css的就近原则，直接写在html元素跟前的样式才是最终起作用的样式。）