javascript怎么修改class里面的CSS值。
展开全部
<html>
<head>
<style id="textSize">
.myClass{
font-size:14px;
}
</style>
<script type="text/javascript">
function test(){
var myStyle = document.getElementById('textSize');
alert(myStyle.sheet);
myStyle.sheet.rules[0].style.fontSize="10px";
}
</script>
</head>
<body>
<span class="myClass">我是中国好男人。</span>
<input type="button" value="test" onclick="test();"/>
</body>
</html>
<head>
<style id="textSize">
.myClass{
font-size:14px;
}
</style>
<script type="text/javascript">
function test(){
var myStyle = document.getElementById('textSize');
alert(myStyle.sheet);
myStyle.sheet.rules[0].style.fontSize="10px";
}
</script>
</head>
<body>
<span class="myClass">我是中国好男人。</span>
<input type="button" value="test" onclick="test();"/>
</body>
</html>
追问
那假设我的CLASS是放在css文件里的呢,我要去怎么调用。另外假如我希望在一定的条件下更改class里面的属性,假设是这样 classObj = document.classStyle["某一个css"];然后通过这样去更改classObj.sheet["某个class的样式"].width="11px";像这样。我要的不是通过你以上的方法。
追答
文件中也一样,通过类名。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |