Question

我正在创建一个小应用程序，其中我显示一些包含在3个div中的文本，所以我实际上一次显示1个div也有prev和next按钮供用户在div之间切换。现在，当javascript关闭时，我只想显示1个div而没有prev和next按钮。我有想法可以通过操纵CSS来完成javascript。

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

也许您可以在noscript标记内设置样式。

此外，也许你应该接受以前的答案，并尊重其他人给你的答案。

Answer 4

您可以将这些div设置为display：none; （在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它们将在页面加载后显示。

javascript关闭了帮助

4 个答案: