HTML «ссылка» (таблица стилей) отключен атрибут

Я использую JavaScript для включения / выключения таблиц стилей, используя следующее:

<code>document.styleSheets[0].disabled = true|false;
</code>

Этот JS работает нормально, однако я бы хотел, чтобы таблица стилей по умолчанию была отключена. Хотя я мог использовать JS выше для немедленного отключения таблицы стилей при загрузке страницы, это явно не подойдет для пользователей, у которых отключен JavaScript.

Я пытался сделать это:

<code><link rel="stylesheet" href="style.css" disabled />
</code>

Хотя это отключает таблицу стилей, JavaScript (или, по крайней мере, метод, который я использую) не может включить его снова. Я также попробовал все эти варианты на "отключен" атрибут:disabled="disabled", disabled="true" а такжеdisabled=true, но они создают ту же проблему - я не могу включить их снова с помощью JavaScript.

Короче говоря, мне нужен способ включить / отключить внешнюю таблицу стилей с помощью JavaScript, но эта таблица стилей отключена по умолчанию, но не зависит от JavaScript.

Любая помощь будет принята с благодарностью. Благодарю.

Нотабене Этот эффект может быть достигнут с помощью двух таблиц стилей, вторая перезаписывает первую, поэтому нет необходимости в «отключенном». приписывать. Однако очевидно, что предпочтительно использовать только одну таблицу стилей, если это возможно, поэтому мой вопрос выше.

Ответы на вопрос(3)

загружать CSS только если JavaScript включен?

Взято из этот пример, вы можете использовать что-то вроде:

var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)

что в этом случае вам, возможно, придется полагаться на JavaScript.

Если вы считаете, что нужно больше подавать таблицу стилей, чем нужно, а не отключать ее по умолчанию, вам следует ее закрепить.

Для этого вы можете использовать метод JavaScript RemoveAttribute.

<html>
    <head>
        <link id="first_style" rel="stylesheet" href="#" disabled />

        <script type="text/javascript">
            window.onload = function()
            {
                document.getElementById('first_style').removeAttribute('disabled');
            }
        </script>
    </head>
    <body>
        <p>something</p>
    </body>
</html>

ВАШ ОТВЕТ НА ВОПРОС