使用Javascript禁用元素内的所有样式表

如何使用StyleSheet.disabled禁用特定元素内部的所有外部CSS？不确定我是否只是缺少正确的语法。如果只能在文档级别实现，那么有什么方法可以实现这样的功能吗？多谢各位

HTML

编辑
独自创立

JS

let el=document.querySelectorAll（'#container[rel=“stylesheet”]”）；
for（设i=0；i

---

下面是一个使用文档作为默认选择器的工作示例：

您可以将

href

属性替换为自定义

数据href

属性（作为占位符）：

---

我认为你的代码有误：

let el = document.querySelectorAll('#container [rel="stylesheet"]');

for (let i = 0; i < el.length; i++) {
  el[i].disabled = true;
}

let el=document.querySelectorAll（'#container[rel=“stylesheet”]”）；
for（设i=0；i

---

请尝试以下链接：

@user120242该问题与节点列表上的item方法的使用无关，而是与DOM元素上的样式表属性的使用不正确有关。

let el = document.querySelectorAll('#container [rel="stylesheet"]');

for (let i = 0; i < el.length; i++) {
  el.styleSheet[i].disabled = true;
}

let elementStylesheets = [... document.querySelectorAll('#container [rel="stylesheet"]')];

for (elementStylesheet of elementStylesheets) {

  elementStylesheet.dataset.href = elementStylesheet.getAttribute('href');
  elementStylesheet.removeAttribute('href');
}

let el = document.querySelectorAll('#container [rel="stylesheet"]');

for (let i = 0; i < el.length; i++) {
  el[i].disabled = true;
}