如何使用 JavaScript 定位 CSS link

Question

我只能访问 CMS 的后端。他们正在以这种方式加载自定义样式 sheet

<link rel="stylesheet" media="(min-width:481px)" href=".../css/custom/styles.css" type="text/css">

我需要删除 media="(min-width:481px)"。有没有办法用 JavaScript 来做到这一点（我不认为 CMS 使用 jquery）？

Answer 1

我个人不建议将 link 的元素与 JavaScript 混为一谈，但如果您仍然想这样做，这应该可行：

document.querySelector('link[href=href=".../css/custom/styles.css"]').removeAttribute('media');

如果您仍想这样做，请确保等待 css 样式加载。

如果您出于某种原因想要使用此解决方案并对所有 link 个标签执行此操作，那么这个很简单：

var linkList = document.querySelectorAll('link');

for(var i in linkList) {
linkList[i].removeAttribute('media');
}

始终使用 .removeAttribute，而不是使用 setAttribute 将参数设置为 null。这通常是不好的做法。