javascript - 如何使用 JavaScript 定位 CSS 链接

Question

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

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

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

Answer 1

我个人不建议用 JavaScript 弄乱链接的元素，但如果您仍然想这样做，这应该可行:

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

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

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

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

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

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