別のボタンを使用してボタンのテキストを変更する

Question

2つのボタンがあり、button2をクリックするとbutton1のテキストを変更する必要があります。

function change() { 
 
     var elem = document.getElementById("delUserButton") 
 
     if (elem.value === "Disable") 
 
      elem.value = "Enable"; 
 
     else 
 
      elem.value = "Disable"; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="submit" value="OK" onclick="change();"/> 
 
<input type="button" id="delUserButton<%=ud.getUserId()%>" onclick="openDelDiv(<%=ud.getUserId()%>, '<%=ud.getUserName()%>');" value="Disable" />

しかし、それは動作しません。助言がありますか？

Answer 1

id="delUserButton"を2番目のボタンのIDとして使用していないのに、id="delUserButton<%=ud.getUserId()%>"を使用しているので、もちろん動作しません。

ページでは、このIDを持つそのような要素がありませんので、document.getElementById("delUserButton")がnullを返しますようにelemは、nullになります。あなたがそれをここに固定見ることができます

：

function change() { 
 
    var elem = document.getElementById("delUserButton") 
 
    if (elem.value === "Disable") 
 
     elem.value = "Enable"; 
 
    else 
 
     elem.value = "Disable"; 
 
}

<input type="submit" value="OK" onclick="change();"/> 
 

 
<input type="button" id="delUserButton" onclick="openDelDiv(<%=ud.getUserId()%>, '<%=ud.getUserName()%>');" value="Disable" />