JavaScript отключил помощь

Question

Я создаю небольшое приложение, в котором я отображаю некоторый текст, завернутый в 3 деления, поэтому я на самом деле отображаю 1 деление за раз, также есть кнопки для перехода между предыдущими и предыдущими кнопками. Теперь, когда javascript выключен, я просто хочу отобразить 1 div без кнопок prev и next. У меня есть и идея, что это можно сделать с помощью JavaScript, манипулируя CSS, как.

document.getelementbyid("id1").style.display="visible";
document.getelementbyid("id1").style.display="none";

Спасибо

Answer 1

Вы можете использовать тег <noscript> для определения стилей скриптовых элементов и отображения вашего альтернативного элемента div вместо:

<noscript>
  <style type="text/css">
    #scripted-div1, #scripted-div2, #scripted-div3 { display:none; }
  </style>
  <div>
    <!-- Alternate content goes here -->
  </div>
</noscript> 

Answer 2

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

Answer 3

Вы можете настроить отображение этих элементов: нет; (в CSS) по умолчанию добавьте id для обоих, и после загрузки страницы установите document.getelementbyid (..). style.display = "visible"; (в JavaScript)

PS. Вы могли бы использовать JQuery или другой, будет гораздо проще;)

попробуйте это:

[style]#prev, #next { display:none; }
[js]
function showButtons()
{
    document.getElementById('next').style.display="block";
    document.getElementById('prev').style.display="block";
}
[html]
body onload="showButtons()">
div id="next">next..
div id="prev">prev..

Этот способ без JS prev / next не будет отображаться, а с JS они будут отображаться после загрузки страницы.

Answer 4

Может быть, вы могли бы установить стиль внутри тега noscript.

Кроме того, возможно, вам следует принять предыдущие ответы и уважать ответы, которые дали вам другие.