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

lanyi2003 2010-01-25 02:35:58



<style type="text/css">

<!--

.fense {color:#FF00FF;}

-->

</style>

请问如何通过JavaScript改变这个css样式fense的内容
比如我想用js把fense改成红色

???

...全文

64 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

donet_expert 2010-01-25

打赏
举报

这样改：



<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>

王集鹄 2010-01-25

打赏
举报

参考如下代码：

<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>