Question

我正在尝试将按钮的innerHTML更改回默认值。它可以与第一次更改innerHTML一起使用，但是后来我无法将其恢复为默认设置。

我尝试使用布尔值来回切换，但是我的代码只是不会执行该函数的第二部分。

function money() {
  var money = document.getElementById('money');
  var text = "normal";

  if (text == "normal") {
    money.innerHTML = "<h1>Let me ask you</h1><p>Does this work<p>";
    text = "changed";
  } else {
    money.innerHTML = "<h1>Money Laundering</h1><p>Click For More Info</p>";
    text = "normal";
  }
}

<div id="practiceContainer">
  <h1 id="practiceHeader">Practice Areas</h1>
  <div class="lawgrid">
    <button class="practicesBox" id="money" onclick="money()">
      <h1>Money Laundering</h1>
      <p>Click For More Info</p>
    </button>

  </div>
</div>

我希望我的代码能改回默认的html，但这不会发生。

Answer 1

您在函数开始时将text变量设置为"normal"，因此当您的代码达到if逻辑时，text将始终为{{1} }。

考虑简单地将"normal"变量移至函数的外，以免每次单击时都将其重置。

text

var text = "normal";
var btnMoney = document.getElementById('money');

function money() {
  if (text == "normal") {
    btnMoney.innerHTML = "<h1>Let me ask you</h1><p>Does this work<p>";
    text = "changed";
  } else {
    btnMoney.innerHTML = "<h1>Money Laundering</h1><p>Click For More Info</p>";
    text = "normal";
  }
}

将按钮切换回默认HTML

1 个答案: