Javascript - 点击一次后更改按钮的值和功能

Question

我有一个按钮和3个功能。 当我点击第一次它变成第二功能，如果我再次点击它，它改变为最后的功能 我不知道JavaScript。

Answer 1

i dont understand your question, i think you mean like this one button 

试一试，使用document.getElementById

<button id="btn" type="button" onclick="document.getElementById('btn').innerHTML = 'Hey There'">Try it</button>

Answer 2

试试这个，

与函数传递this。它会针对同一个点击的按钮元素

function change(that){ 
 
that.value="changed" 
 
that.innerHTML="changed" //for inner html change 
 
console.log(that.outerHTML) 
 
}

<button id="btn" type="button" onclick="change()">click</button>

对于单线路码

<button id="btn" type="button" onclick="this.innerHTML='changed'">click</button>

Answer 3

<button type="button" onclick="a()">click</button> 

的javascript

var a = (function() { 
    var clicked = 0; 
    return function() { 
     clicked++; 
     if (clicked == 1) f1(); // improve this part 
     if (clicked == 2) f2(); 
     if (clicked == 3) f3(); 
    } 

})() 

function f1() { 
    alert(1) 
} 

function f2() { 
    alert(2) 
} 

function f3() { 
    alert(3) 
} 

demo

Answer 4

function change(that){ 
     that.value="Changed" 
     that.innerHTML="Changed" 
} 

<button id="btn" type="button" onclick="change(this)">click</button 


     or 


<button id="btn" type="button" onclick = "this.innerHTML = 'Changed'" > click </button> 

或

<button id="btn" type="button" onclick = "document.getElementById('btn').innerHTML = 'Changed' "> Try it </button>