从通过链接标记链接的页面中删除或禁用样式表

时间:2016-03-17 14:54:22

标签: javascript jquery html css .net

我正在尝试禁用我的页面中使用Link标记链接的两个css链接。

 <div class="ExportedContent"> 
  <link href="//thisismysite/common14/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
  <link rel="stylesheet" href="//thisismysite/common14/stylesheet_2014.css" type="text/css"> 
 </div>

我有以下代码删除此无法正常工作的链接

<script>
$(document).ready(function(){
$('link[href="https://grants.nih.gov/common14/css/bootstrap.min.css"]').remove();
$('link[href="https://grants.nih.gov/common14/stylesheet_2014.css"]').remove();
});
</script>

到目前为止,这不是任何想法

2 个答案:

答案 0 :(得分:1)

link上的

html元素和js上的选择符似乎有不同的href属性值?

尝试使用带有选择器.removeAttr()

的属性结尾
$("link[href$='bootstrap.min.css'], link[href$='stylesheet_2014.css']")
.removeAttr("href")

答案 1 :(得分:0)

您的链接以//domain开头 并且您的选择器以https://domain为开头 那是一场不匹配

您可以使用[name$=”value”]选择器匹配以给定字符串结尾的内容。这种比较区分大小写。

您可以使用的另一件事是document.styleSheets而不是删除链接标记 我可以说链接标签在div标签内部看起来很奇怪......

document.styleSheets[0].disabled = true