[解決済み] 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() または prop() 関数は、以下のようにjQueryで使用します。

jQuery (< 1.7)です。

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

または

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

または

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

または

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

Javascriptを使用しています。

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

または

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