单击时更改按钮名称答案

【问题标题】：changing the button name when clicked单击时更改按钮名称
【发布时间】：2018-06-22 01:44:09
【问题描述】：

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

 <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代码在点击时没有改变按钮标签。有输入吗？

【问题讨论】：

elem=="Show User Information" 为假
重复stackoverflow.com/questions/10671174/…
@a2441918 标记问题
Changing button text onclick的可能重复

标签： javascript twitter-bootstrap

【解决方案1】：

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

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";
}

&lt;button class="btn btn-primary" type="button" onclick="myFunction()" id="myButton1"&gt;Show User Information&lt;/button&gt;

【讨论】：

【解决方案2】：

给按钮添加value属性，

value="Show User Information"

并在js中使用和比较检索

ele.value=="Show User Information"

【讨论】：