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

【问题标题】：Remove or Disabled style sheet from a page linked though link tag从通过链接标签链接的页面中删除或禁用样式表
【发布时间】：2016-03-17 14:54:21
【问题描述】：

我正在尝试从我的页面禁用两个使用 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>

到目前为止，这没有任何想法

【问题讨论】：

link[src?，你的意思是href
是的，我现在更正了，但还是不行
html 和 js 似乎有不同的 href 属性值？

标签： javascript jquery html css .net

【解决方案1】：

html 的link 元素和js 的选择器似乎具有不同的href 属性值？

尝试使用以 selector 结尾的属性，.removeAttr()

$("link[href$='bootstrap.min.css'], link[href$='stylesheet_2014.css']")
.removeAttr("href")

【讨论】：

我得到这个错误 jquery.js:1458Uncaught 错误：语法错误，无法识别的表达式：link[href$=bootstrap.min.css]
@user388969 啊，. 字符需要用“\\”转义，或者引用的属性值；尝试更新帖子

【解决方案2】：

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

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

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

document.styleSheets[0].disabled = true

【讨论】：