首页 » DOM » deleteRule()与removeRule()

deleteRule()与removeRule()

从样式表中删除规则的方法是deleteRule(),这个方法接受一个参数:要删除的规则的位置。例如,要删除样式表中的第一条规则,可以使用以下代码:

function getStyleSheet(element) {
    return element.sheet || element.styleSheet;
}
var link = document.getElementsByTagName("link")[0];
var sheet = getStyleSheet(link);
sheet.deleteRule(0);  //DOM方法

IE支持的类似方法叫removeRule(),使用方法相同,如下所示:

sheet.removeRule(0);  //仅对IE有效

下面是一个能够跨浏览器删除规则的函数。第一个参数是要操作的样式表,第二个参数是要删除的规则索引:

function deleteRule(sheet, index) {
    if (sheet.deleteRule) {
        sheet.deleteRule(index);
    } else if (sheet.removeRule) {
        sheet.removeRule(index);
    }
}
deleteRule(document.styleSheet[0], 0);
此文章发表在 DOM. 将 固定链接 加入收藏.