Книга: JavaScript. Подробное руководство, 6-е издание

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

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;
  }
}

Оглавление книги