如何更高html里写的所有样式值

ljb1981216 2008-08-24 10:51:09

我的代码如下，



<link id="_484_Portals_0_" rel="stylesheet" type="text/css" href="/484/Portals/0/portal.css" />

<style type="text/css" id="Themes_Select">

Body{background-color: #f1f8fd;} 

</style>

<input type="text" id="txtBox">测试</input>

<script type="text/javascript"  > 

	function changeBackground()

	{

		alert(document.getElementById("Themes_Select").innerHTML);

		document.getElementById("Themes_Select").innerHTML = 'Body{background-color: #FFFFFF;} ';

		alert(document.getElementById("Themes_Select").innerHTML);

		

		

	}

</script>



<input type="button" onClick="changeBackground()" Value="change"></input>

想法就是要通过js更换Themes_Select代码段里边的值，这里'Body{background-color: #FFFFFF;} ';可能是多行值，谢谢

...全文

75 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sheyanfen 2008-08-24

打赏
举报

給你個例子，你自己可以再改進一下。



<html>

<head>

<style type="text/css">

body{background: #f1f8fd;}

A:link, A:active, A:visited, 

A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active

{color: #666666;}

</style>

</head>

<body>

<script language="JavaScript">

 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;

 　　　　　　}

 　　　　}

   　}

}

 </script> 

 <a href="#">test</a>

<input type="button" onClick="changecss('BODY','background','blue');changecss('A:link','color','red')" Value="change"></input>

</body>

</html>

ljb1981216 2008-08-24

打赏
举报

如果是这样呢，想修改style 下的所有css值



<link id="_484_Portals_0_" rel="stylesheet" type="text/css" href="/484/Portals/0/portal.css" />

<style type="text/css" id="Themes_Select">

Body{background-color: #f1f8fd;} 

A:link, A:active, A:visited, 

A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active

{color: #666666;}

</style>

<input type="text" id="txtBox">测试</input>

<script type="text/javascript"  > 

    function changeBackground()

    {

        alert(document.getElementById("Themes_Select").innerHTML);

        document.getElementById("Themes_Select").innerHTML = 'Body{background-color: #FFFFFF;} ';

        alert(document.getElementById("Themes_Select").innerHTML);

        

        

    }

</script>



<input type="button" onClick="changeBackground()" Value="change"></input>