在Javascript中启用和禁用Div及其元素

相关文章推荐

气势凌人的伤疤 · 苏富比闹出世纪大笑话：估价800瓷瓶拍到18 ...· 2 月前 ·

奋斗的机器人 · 周烁方：《大鱼•海棠》心理影评——成人不易_ ...· 1 年前 ·

开朗的键盘 · 日本哥布林_日本人和哥布林的区别_哥布林3未 ...· 1 年前 ·

仗义的斑马 · 三年前被封杀的主播“陈一发”，昨晚外网复播， ...· 1 年前 ·

内向的花卷 · 米哈游《原神》官服上架应用宝，撬开渠道与开发 ...· 1 年前 ·

腾讯云

备案控制台

开发者社区

TVP

文章/答案/技术大牛

写文章

在Javascript中启用和禁用Div及其元素

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

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

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

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

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

$("#dcacl").find("*").prop("disabled", true);

$("#dcac1").find(":input").prop("disabled",true);
// noting that ":input" gives you the equivalent of
$("#dcac1").find("input,select,textarea,button").prop("disabled",true);

$(document).ready(function() {
    var $dcac1kids = $("#dcac1").find(":input");
    $dcac1kids.prop("disabled",true);

推荐文章

气势凌人的伤疤 · 苏富比闹出世纪大笑话：估价800瓷瓶拍到1800万-搜狐新闻

2 月前

奋斗的机器人 · 周烁方：《大鱼•海棠》心理影评——成人不易_海底世界_人间_电影

1 年前

开朗的键盘 · 日本哥布林_日本人和哥布林的区别_哥布林3未增删动画 - 抖音

1 年前

仗义的斑马 · 三年前被封杀的主播“陈一发”，昨晚外网复播，粉丝还求她开打赏|直播|直播间|youtube_网易订阅

1 年前

内向的花卷 · 米哈游《原神》官服上架应用宝，撬开渠道与开发商分成新模式？_手机新浪网

1 年前

在Javascript中启用和禁用Div及其元素

3 个回答