Question

我有一个按钮和3个功能。点击它后改变每个功能请帮助我。

Answer 1

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

尝试并使用document.getElementById

＆＃13;

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

＆＃13;

Answer 2

试试这个，

将this传递给函数。它将定位相同的单击按钮元素

＆＃13;

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

＆＃13;

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

＆＃13;

单行代码

＆＃13;

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

＆＃13;

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>

Javascript - 点击它后更改按钮功能

4 个答案: