如何使用JavaScript

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。这通常是不好的做法。