从样式表中删除类

Question

Is it possible with javascript to remove an entire style from the stylesheet?

Example, to remove something like this:

.somestyle{
    bottom: 17px;
    position: absolute;
    right: 68px;
}

Thanks in advance.

Answer 1

You are looking for DOM StyleSheet Object Methods removeRule(\\[index\\]) or deleteRule(index)

console.log(document.styleSheets);
document.styleSheets[0].deleteRule(0);
console.log(document.styleSheets); 

so in your case you can do something like this

var sheetRef =document.styleSheets[0];/*index of the sheet in the markup head el*/
for (i=0; i<sheetRef.rules.length; i++){
if (sheetRef.rules[i].selectorText==".somestyle")
   sheetRef.removeRule(i)
}

i hope this will help you.

Answer 2

You can remove class from a html tag, or add a new class and override those properties in css file with "!important" rule.

.newclass{
bottom: 0px !important;
position: relative !important;
right: 0px !important;
}

Answer 3

Try jQuery . removeAttr :

$(function() {
$('.somestyle').removeAttr('class');
});

Answer 4

Remove a class of stylesheet, no.

However, with javascript, you can define a new style that does not inherit the sheet style.

For example:

position: inherit;