Каков наилучший способ добавить или удалить класс для прогрессивного улучшения? - PullRequest
Новая
       21

Каков наилучший способ добавить или удалить класс для прогрессивного улучшения?

0 голосов
/ 04 января 2019

Я работаю над сайтом, который использует минимальный JS, в основном для переключения меню на мобильных устройствах, и тому подобное.

Я бы хотел, чтобы сайт по-прежнему работал, если js отключен.Я придумала 2 решения, которые работают, но я хотела бы знать, лучше ли одно, чем другое, или есть что-то совсем другое, чем я должна заниматься.

Что лучше?

Пример A 

<body>
 <noscript>
  <div class="no-js">
 </noscript>
 ... stuff here ...
 <noscript>
    </div>
</noscript>

или

Пример B 

<body id="body" class="body no-js">
 ... stuff here ...
<script>document.getElementById("body").classList.remove("no-js");</script>
</body>

1 Ответ

0 голосов
/ 04 января 2019

Пример А является недопустимым HTML.

HTML должен располагаться в строгой иерархии.

Элемент (например, ваш <div>) не может начинаться как дочерний элемент (например, ваш <noscript>) без наличия соответствующего тега end в том же <noscript>).

Если исключена опция A, остается только опция B.

...