Question

我对JavaScript有点新，我创建了一个在单击时更改文本的功能，但是如果再次单击它，如何更改文本呢？我会包含截图，但我没有足够的声誉。

Answer 1

简单。只需使用切换变量。

<p id="demo" onclick="myFunction()">Click me.</p>

<script>
var toggle = 0;
function myFunction() {
    var el = document.getElementById("demo");
    if(toggle == 0){
        el.innerHTML = "ZERO";
        toggle = 1;
    }
    else{
        el.innerHTML = "ONE";
        toggle = 0;
    }

}
</script>

运行Here

Answer 2

最基本也是最简单的方法是使用三个变量 -

有趣地在scala中编程

<script type="text/javascript">
 var $elem = $('#para');
 var text1 = $elem.text();
 var text2 = 'Rust is trending language of 2017';
 var toggled = false;
 $elem.on('click', function()) {
  if(!toggled) {
  $elem.text(text2);
  toggled = true;
 }
 else {
  $elem.text(text1)
  toggled = false;
 }
});
</script>

如何制作切换功能

2 个答案: