document.stylesheets的removerule方法 - ASP技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 ASP技术论坛』 → document.stylesheets的removerule方法

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 999 人关注过本帖

标题：document.stylesheets的removerule方法

只看楼主加入收藏

yqiong

等　级：新手上路
帖　子：315
专家分：0
注　册：2007-7-4
结帖率：83.33%

楼主

问题点数：0 回复次数：2

document.stylesheets的removerule方法

对于document.stylesheets的remove方法不了解，下面这程序不能删除样式表规则？
<html>
<head>
<title>无标题文档</title>
<style>p.p1{ background-color:#FF0000;font-size:22px;_
font-family:"方正舒体"; font-weight:100; }</style>
<script language="vbscript">
sub remove()
{
document.stylesheets[0].removerule 0
}
end sub
</script></head>
<body><p class=p2 style=" background-color:#FF0000;font-size:22px; font-family:"方正舒体"; font-weight:100;"> hello,this is a example of stylesheets</p>
<form>
<input type="button" value="按我取消下行背景设置" onClick="remove()">
<p class=p1> hello,this is a example of stylesheets</p>
</body>
</html>

[此贴子已经被作者于2007-10-10 14:50:29编辑过]

2007-10-10 14:45

yqiong

等　级：新手上路
帖　子：315
专家分：0
注　册：2007-7-4

第 2 楼

得分:0

<STYLE>
P {color:green;}
</STYLE>
<SCRIPT>
function removeTheRule() {
var iSheets = document.styleSheets.length;
var iRules = document.styleSheets[iSheets-1].rules.length;
if (1 < iRules) {
document.styleSheets[iSheets-1].removeRule(1);
}
}
</SCRIPT>
<P>This text has the new style applied to it.</P>
<BUTTON onclick="removeTheRule()">Remove the new rule.</BUTTON>