首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Javascript..使用纯JS禁用#div?

Javascript..使用纯JS禁用#div?
EN

Stack Overflow用户
提问于 2018-10-27 23:31:06
回答 3查看 349关注 0票数 -1

我已经搜索了stackoverflow,并且深入到了google的许多页面。没有任何帮助我禁用我的按钮。所以我来到这里希望有人能帮助我。

这是我要禁用的按钮。

div EDIT:这不同于你自己所说的surposed dublicate,这是一个带有链接而不是按钮的

代码语言:javascript
复制
<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>

这就是我想要做的。

代码语言:javascript
复制
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;
  }
}

也尝试过这些..没什么。

代码语言:javascript
复制
var div = document.getElementsById("button-80437");
disableEnable(div.getElementsByTagName("button"), true);

编辑:感谢您的回答。我很感激。不幸的是,我没办法把它改成一个按钮,因为它是用所见即所得的"clickfunnels“制作的。

也许我可以这样做。

How do I disable a href link in JavaScript?

注入href="javascript: void(0)“?

EN

回答 3

Stack Overflow用户

发布于 2018-10-27 23:46:04

div元素没有disabled属性。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div

如果改用button,则可以设置disabled属性以禁用该按钮。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

看起来您可能正在使用一个框架,该框架希望您以不同的方式禁用按钮。如果您包含这些信息,将会有所帮助。

票数 0
EN

Stack Overflow用户

发布于 2018-10-27 23:50:58

Jorge said一样,代码中的主要问题是您试图禁用非表单元素。

您可以执行以下任一操作:

  • 通过将CSS元素放在HTML- <div>上禁用您拥有的pointer-events: none *
  • <div>更改为<button> (这是一个表单元素)并使用当前方法(在Javascript中设置disabled属性)<代码>H210<代码>F211

*您可以在pointer-events上找到浏览器支持信息:

票数 0
EN

Stack Overflow用户

发布于 2018-10-27 23:55:34

我知道你想要什么了do.So听着

1) "disabled“在按钮上有效

2)你得到的是“不是一个按钮”,而是“div中的一个超链接”

3)那么你能做什么呢?

你必须使用样式来显示你的“小丑按钮”是禁用的。

代码语言:javascript
复制
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>"
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53023480

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档