將按鈕切換回默認HTML

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將始終為"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"; } } 

 <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>