16.6.1. Включение и выключение таблиц стилей

Простейший прием работы с таблицами стилей является к тому же самым переносимым и надежным. Элементы <style> и <link> и объекты CSSStyleSheet определяют свойство disabled, доступное сценариям на языке JavaScript для чтения и записи. Как следует из его имени, если свойство disabled принимает значение true, таблица стилей оказывается отключенной и будет игнорироваться броузером.

Это наглядно демонстрирует функция disableStylesheet(), представленная ниже. Если передать ей число, она будет интерпретировать его как индекс в массиве document.styleSheets. Если передать ей строку, она будет интерпретировать ее как селектор CSS, передаст ее методу document.querySelectorAll() (раздел 15.2.5) и установит в значение true свойство disabled всех полученных элементов:

function disableStylesheet(ss) {

  if (typeof ss === "number")

    document.styleSheets[ss].disabled = true;

  else {

    var sheets = document.querySelectorAll(ss);

    for(var і = 0; і < sheets.length; i++) sheets[i].disabled = true;

  }

}