如何使用javascript禁用（非活动）div？ [关闭]

Question

我是 javascript 新手，谁能帮帮我。

实际上我的 html 中有一个 div，我想在页面加载时禁用 div。代码是

<div class="col-1" id="plug_play_box" >
    <div class="box first">
        <div class="pad">
            <div class="wrapper indent-bot">
                <strong class="numb img-indent2">01</strong>
                <div class="extra-wrap">
                    <h3 class="color-1">
                        <strong>Plug </strong><label id="and">&</label> Play
                    </h3>
                </div>
            </div>
            <div class="wrapper">
                <a class="button img-indent-r" href="#" id="plug_play_button"></a>
                <div class="extra-wrap">
                    Point.co is one of free website templates created by TemplateMonster.com.
                </div>
            </div>
        </div>
    </div>
</div>

提前致谢。

Answer 1

您不能禁用 DIV，只能禁用输入。

你可以隐藏一个 DIV，但是，使用 jQuery，它会像 MichelRobico 建议的那样完成，但是如果你不使用 jQuery，它会是：

document.getElementById(Your_Div_Id).hidden = true;

或者你可以使用：

var divs_to_hide=document.getElementsByClassName(Your_Div_Class);
for (var i=0;i<divs_to_hide.length;i++)
{
    divs_to_hide[i].hidden=true;
}

并遍历结果数组以单独隐藏它们。但是，如果您是新手，我会坚持使用 ID。

Answer 2

我不知道禁用 div 是什么意思。

要在页面加载时修改 div，您可以这样做：

jQuery(document).ready(function () { $('#plug_play_box').hide(); });

在本例中，我隐藏了 div，但您可以应用任何其他修改

Answer 3

 $(function () {
   $(document).ready(function () {
       $("#plug_play_box").hide();  // Use this for hiding div by Id   
       $(".col-1").hide();   // Use this for hiding div by class
     });
 });