禁用Javascript时禁用HTML代码部分

我目前正在为一个大学项目制作一个网站，在这个项目中，我使用一段Javascript（）来生成一个背景，它是一个由多个图像组成的图库

我正在尝试设置站点，以便在Javascript关闭时显示单个图像作为背景，但此幻灯片的导航元素是在脚本标记外部和正文标记内部使用HTML代码生成的

是否有一种方法可以设置此HTML代码，使其仅在Javascript处于活动状态时包含，而在未处于活动状态时将屏幕上的导航控件清除

根据请求，我试图分离的代码是下面调用的Div标记

<!--Thumbnail Navigation-->
<div id="prevthumb"></div>
<div id="nextthumb"></div>

<!--Arrow Navigation-->
<!-- <a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>

<div id="thumb-tray" class="load-item">
    <div id="thumb-back"></div>
    <div id="thumb-forward"></div>
</div>

<!--Time Bar-->
<!--<div id="progress-back" class="load-item">
    <div id="progress-bar"></div>
</div>

<!--Control Bar-->
<div id="controls-wrapper" class="load-item">
    <div id="controls">

        <a id="play-button"><img id="pauseplay" src="img/pause.png"/></a>

        <!--Slide counter-->
        <div id="slidecounter">
            <span class="slidenumber"></span> / <span class="totalslides"></span>
        </div>

        <!--Slide captions displayed here-->
        <div id="slidecaption"></div>

        <!--Thumb Tray button-->
        <a id="tray-button"><img id="tray-arrow" src="img/button-tray-up.png"/></a>

        <!--Navigation-->
        <ul id="slide-list"></ul>

    </div>
</div>

/ 

---

与前面提到的@jumpingcode一样，您可能希望用CSS隐藏有问题的控件，并用JavaScript显示它们

使用CSS隐藏div：

#controls-wrapper {
    display:none;
}

然后使用jQuery将其显示在页面中：

$('#controls-wrapper').show();

或者使用

.css（）

可以更好地控制要使用的

显示属性的类型：

$('#controls-wrapper').css('display', 'block');

你能在问题中包括你遇到问题的代码吗？现在，如果该站点发生更改，这个问题将变得毫无用处。将可以，尽管代码本身实际上只是在主体部分调用一些div@默认情况下，GeorgeStockerHide控制包装器。如果启用了Javascript，则显示它。@GeorgeStocker我真的不明白你为什么关闭这个问题？很明显OP在问什么。@jumpingcode，这篇文章在关闭后被编辑过。如果链接屈服于链接腐朽，那么最初的问题还不够完备，不足以合理地回答。