禁用按钮的javascript

我想要一个点击动作来禁用第五次点击时的按钮，但我无法让按钮在 这是javascript

var currentTurn = 1;

function taketurn(){
  currentTurn++;
  document.getElementById("turn").innerHTML = currentTurn;
  threeturns(currentTurn);
}
function threeturns(now) {
  if(now > 3){
    document.getElementById("livedead").innerHTML = "disabled";
  }
}

然后是html

<div class="container">
<h1>turn <span id="turn">1</span></h1>
    <button onclick="taketurn()" type="button" class="btn btn-lg btn-info" <span id="livedead"></span> />  next</button>
    <button onclick="taketurn()" type="button" class="btn btn-lg btn-info" disabled>  next</button>
</div>

---

您的代码有一些地方需要稍作更改。需要对HTML进行一些更正，以便在开始标记中不定义livedead跨度

另外，使用javascript禁用按钮是通过在该按钮节点对象上设置disabled字段来完成的，而不是通过将innerHTML设置为disabled

我建议对您的代码进行一些更改-关键是使用MouseEvent对象

在您的情况下，这将简化禁用用户正在单击的按钮的过程。为了说明鼠标事件对象的使用，请考虑此代码：

var currentTurn=1； //在函数中添加一个参数，使我们能够访问事件 //对于此单击交互 函数taketurnevent{ //如果单击计数为5或更多，则禁用此按钮 如果CurrentTurn>=5{ //我们通过我们使用的事件参数访问按钮 //传入。currentTarget表示按钮，因此 //我们可以在按钮上设置disabled来禁用它。 event.currentTarget.disabled='disabled' } currentTurn++； document.getElementByIdturn.innerHTML=currentTurn； } 第一回合 下一个 下一个

---

livedead是HTML中的id，因此document.getElementByIdlivedead获取的是范围，而不是按钮。你需要选择按钮。之后，需要使用添加禁用属性。innerHTML替换了所有的内部HTML，因此实际上只显示文本disabled@futureprogress第一个按钮中的HTML语法有错误。