rad*_*001 9 html javascript css
可能重复:
如何在运行时更改/删除CSS类定义？
我有一个使用外部css文件的HTML页面.我想在运行时使用javascript更改外部文件的css规则.
myHtml.html
<html>
<head>
<link rel="stylesheet" href="myCSS.css" type="text/css">
<script type="text/ecmascript" src="myJS.js" />
</head>
<body>
<p> change css style color for this element using javascript </p>
</body>
</html>
myCSS.css
.p{ color:blue}
myJS.js
var ss = document.styleSheets[0]
var firstRule = ss.rules[0] // null
我想执行操作:
firstRule.style.color = "red" ;
您可以通过以下方式实现
var div = document.getElementById("newDiv");
div.style.position = "absolute";
div.style.top = "200px";
div.style.left = "200px";
同样，您可以编辑/添加更多 css 属性，看看这是否有助于更改 CSS 规则：Alter CSS Rules