单击时更改按钮名称

Question

我有一个引导按钮，该按钮显示“显示用户信息”作为按钮标签。 当用户单击按钮时，我想将标签更改为“仅显示用户”，再次，当用户单击“仅显示用户”时，必须将按钮标签更改为“显示用户信息”。

 <button class="btn btn-primary" type="button" onclick="myFunction()" id="myButton1">Show User Information</button>

js代码：

  function myFunction() {
        var elem = document.getElementById("myButton1");
         if (elem=="Show User Information") elem.value = "Display Only Users";
        else elem.value = "Show User Information";
}

上面的js代码在单击时不会更改按钮标签。 有输入吗？

Answer 1

为按钮添加value属性，

value="Show User Information"

并使用和比较在js中检索

ele.value=="Show User Information"

Answer 2

您需要检查按钮的文本，而不是元素本身

 function myFunction() { var elem = document.getElementById("myButton1"), text = elem.textContent || elem.innerText; if (text === "Show User Information") elem.innerHTML = "Display Only Users"; else elem.innerHTML = "Show User Information"; } 

 <button class="btn btn-primary" type="button" onclick="myFunction()" id="myButton1">Show User Information</button>