在 Javascript 中启用和禁用 Div 及其元素[重复]

我正在寻找一种方法启用和禁用这div id =“dcalc”和它的孩子。

<div id="dcalc" class="nerkheArz"
 style="left: 50px; top: 150px; width: 380px; height: 370px;
 background: #CDF; text-align: center" >
 <div class="nerkh-Arz"></div>
 <div id="calc"> </div>
</div>

我想在加载页面时禁用它们，然后通过单击我可以启用它们？

这就是我尝试过的

document.getElementById("dcalc").disabled = true;

您应该能够通过以下方式设置这些attr() http://api.jquery.com/attr/ or prop() http://api.jquery.com/prop/jQuery中的函数如下所示：

jQuery（

// This will disable just the div
$("#dcacl").attr('disabled','disabled');

or

// This will disable everything contained in the div
$("#dcacl").children().attr("disabled","disabled");

jQuery（> = 1.7）：

// This will disable just the div
$("#dcacl").prop('disabled',true);

or

// This will disable everything contained in the div
$("#dcacl").children().prop('disabled',true);

or

//  disable ALL descendants of the DIV
$("#dcacl *").prop('disabled',true);

JavaScript：

// This will disable just the div
document.getElementById("dcalc").disabled = true;

or

// This will disable all the children of the div
var nodes = document.getElementById("dcalc").getElementsByTagName('*');
for(var i = 0; i < nodes.length; i++){
     nodes[i].disabled = true;
}