gpt4 book ai didi

javascript - 删除 CSS 规则在 Firefox 中不起作用

转载 作者:行者123 更新时间:2023-11-30 08:59:21 24 4
gpt4 key购买 nike

我正在尝试删除第一个 css 规则。

但是,这在 Firefox 3.6.28 中不起作用。每个人都一样吗?为什么会这样?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

$(window).load(function(){

console.log(document.styleSheets);
document.styleSheets[0].deleteRule(0);
console.log(document.styleSheets); // same as the first console.log

});

</script>
<style>
body{font-size:62.5%;}
#mc{padding:310px 0 10px 162px; color:#fff;}
#content{width:500px;}
#header{padding-top:10px;}
#banner{padding:10px 0}
</style>
</head>
<body>
Test JS
</body>
</html>

更新

澄清一下,删除似乎有效,但 console.log 显示删除前后相同数量的规则。

最佳答案

似乎对我来说工作得很好

例子在 http://jsfiddle.net/gaby/JmWwM/

您需要检查 cssRules 属性的长度。

如果您在 firebug 中记录实际对象,那么当您尝试更深入地挖掘时,它会向您显示样式表的当前状态,因此它的规则数量会减少..(因为当您开始时挖掘删除会发生)

但如果您记录删除前后的实际规则数,那么它将显示正确的结果。

所以问题是在理解 console.log 命令的工作原理时犯了错误。

关于javascript - 删除 CSS 规则在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10619025/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com