Question

是否有办法积极从网页上删除目前的风格?

例如,如果一页载有:

<link rel="stylesheet" type="text/css" href="http://..." />

......是否有办法后来将其与 Java语分开? 使用jQuery的附加点。

Answer 1

如果你能够用 j子瞄准它,那么它就应当简单地称作remove(>。

$( link[rel=stylesheet] ).remove();

这将删除网页上的all外部风格表格。如果你知道其中一部分,那么你只能去找你:

$( link[rel=stylesheet][href~="foo.com"] ).remove();

And in Javascript

这是一种把所有人员带走的榜样。

Array.prototype.forEach.call(document.querySelectorAll( link[rel=stylesheet] ), function(element){
      try{
        element.parentNode.removeChild(element);
      }catch(err){}
    });

//or this is similar
var elements = document.querySelectorAll( link[rel=stylesheet] );
for(var i=0;i<elements.length;i++){
    elements[i].parentNode.removeChild(elements[i]);
}

Answer 2

如果你知道这张风格的身份证,则使用如下方法。当然,任何其他使风格发挥作用的方法。这是一种直截了当的OM,不需要使用任何图书馆。

var sheet = document.getElementById(styleSheetId);
sheet.disabled = true;
sheet.parentNode.removeChild(sheet);

Answer 3

我发现这一页,同时寻求一种办法,用碎块去除风格。我认为,我是在读以下文字时找到正确答案的。

If you know part of the url then you can remove just the one you re looking for: $( link[rel=stylesheet][href~="foo.com"] ).remove();"

我喜欢这一解决办法,因为我想要删除的风格表有相同的名称,但有不同的文字。但是,这部法律并没有发挥作用,因此,我将操作者改为*=,并完美地开展工作:

$( link[rel=stylesheet][href*="mystyle"] ).remove();

公正的思想如果对某人有用,我也赞同这一点。

Answer 4

这将使任何esheet 。匹配定期表述>>:searchRegEx, 提供给每个风格的URL。

let searchRegEx = /example.*/;

for (var i = 0; i < document.styleSheets.length; i++) {
    if (document.styleSheets[i].href.search(searchRegEx) != -1) {
        document.styleSheets[i].disabled = true;
    }
}

Answer 5

没有人提到在简陋的 Java字中没有身份证就删除了一种具体风格:

 document.querySelector( link[href$="something.css"] ).remove()

(“美元”在虾末发现

Answer 6

这将重新打上你的网页,删除所有风格。此外,酒类也是需要的。

Array.prototype.forEach.call(document.querySelectorAll( style,[rel="stylesheet"],[type="text/css"] ), function(element){
  try{
    element.parentNode.removeChild(element)
  }catch(err){}
});

Answer 7

这对从html起的所有<条码>和代号;

// this disable all style of the website...
var cant = document.styleSheets.length
for(var i=0;i<cant;i++){
    document.styleSheets[i].disabled=true;
}

//this is the same disable all stylesheets
Array.prototype.forEach.call(document.styleSheets, function(element){
  try{
    element.disabled = true;
  }catch(err){}
});

Answer 8

在>上扩展,test(回归代码<>true或false) 可能比search/code>更合适,而且稍快。采用这种方法将产生以下结果:



for (var i = 0; i < document.styleSheets.length; i++) {
    if (/searchRegex/.test(document.styleSheets[i].href)) {
        document.styleSheets[i].disabled = true;
    }
}


If you don t care about IE support this can be cleaned up with a for...of loop

for (const styleSheet of document.styleSheets) {
    if (/searchRegex/.test(styleSheet)) {
        styleSheet.disabled = true;
    }
}

友情链接