Javascript如何使用纯JS禁用#div?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (870)

我搜索了stackoverflow并经历了谷歌深处的许多页面。什么都没有帮助我禁用我的按钮。所以我来到这里希望有人可以帮助我。

这是我试图禁用的按钮。

这与你自己说的那个不同的dublicate不同,这是一个带有链接而不是按钮的div。

<div class="de elBTN elAlign_center elMargin0 ui-droppable de-editable" id="button-80437" data-de-type="button" data-de-editing="false" data-title="button" data-ce="false" data-trigger="none" data-animate="fade" data-delay="500" style="margin-top: 30px; outline: currentcolor none medium; cursor: pointer; display: block;" data-elbuttontype="2" aria-disabled="false" data-element-theme="customized">
  <a href="#" class="elButton elButtonSize1 elButtonColor1 elButtonRounded elButtonPadding2 elButtonCorner3 elBtnHP_25 elBTN_b_1 elBTNone elButtonBlock elButtonFull elBtnVP_5 elButtonShadow5 elButtonTxtColor1 de1pxLetterSpacing no-button-effect" style="color: rgb(255, 255, 255); background: rgb(1, 116, 199);; font-size: 20px;" data-show-button-ids="tmp_paragraph-42317,headline-29302" data-hide-button-ids="headline-71892,button-80437" id="undefined-503">
    <span class="elButtonMain">YES</span>
    <span class="elButtonSub" style="font-size: 14px;">I Understand</span>
  </a>
</div>

这就是我想要做的。

ver = iOSversion(); 
if (ver[0] <= 11.4) { 
  alert('Your OS is below 11.4, please use a different device.'); 
  document.getElementById('button-80437').disabled = true;
} 
function disableEnable(elems, isDisabled){ 
  for(var i = elems.length-1;i>=0;i++) {
    elems[i].disabled = isDisabled;
  }
}

尝试过这些......还有什么。

var div = document.getElementsById("button-80437");
disableEnable(div.getElementsByTagName("button"), true);
提问于
用户回答回答于

1)“禁用”适用于按钮

2)你所拥有的是“不是按钮”,而是“div内的超链接”

3)那你能做什么?

你必须玩风格来表明你的“小丑按钮”已被禁用

if( version < 11.4 ) {
  // make element div style looks like its disabled
  // <a href="#"> 
}
else{
  // make element div style looks like it is active
  // <a href="<your-link-url>"
}

扫码关注云+社区

领取腾讯云代金券