【【如何通过js改变某个样式的内容？？？】】

<style type="text/css">
<!--
.fense {color:#FF00FF;}
-->
</style>请问如何通过JavaScript改变这个css样式fense的内容
比如我想用js把fense改成红色???

解决方案 »

  1.   

    参考如下代码：
    <html>
    <head>
    <title>test</title>
    <style type="text/css">
    .fense {color:#FF00FF;}
    </style>
    <script type="text/javascript">
    var style = document.getElementsByTagName("style")[0];
    if (style.styleSheet && style.styleSheet.cssText) {
    style.styleSheet.cssText = ".fense {color:#FF0000;}"; // ie
    } else {
    try {
    style.innerHTML = ".fense {color:#FF0000}"; // ff
    } catch(e) {
    style.innerText = ".fense {color:#FF0000}"; // safari chrome
    } 
    }
    </script>
    </head>
    <body>
    <span class="fense">hello</span>
    </body>
    </html>
      

  2.   

    这样改：<script type="text/javascript">  
      
        function changeCss()   
        {   
            var tbs = document.getElementsByTagName('input');   
            for (var loop = 0; loop < tbs.length; loop++)   
            {   
                if (tbs[loop].type == 'text')   
                    tbs[loop].className = 'blue'; // whatever class you want here...   
            }   
        }   </script>