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
     });
 });

如何使用javascript禁用（非活动）div？

3 个答案: