使用JavaScript更改使用<button>文本创建的按钮

Question

我的代码看起来像这样

in .html

<button type="button" onclick="toggle()" id="toggleButton">more ⇓</button>

的.js

function toggle(){
document.getElementById("toggleButton").innnerHTML="less ⇑";}

按钮出现在我的页面中，文字更多，但点击按钮不会做任何事情。

我确实有参考资料

<script src="button.js"></script>

我的javescript文件的名称是button.js

Answer 1

应该是innerHTML而不是innnerHTML

＆＃13;

＆＃13;

document.getElementById("toggleButton").innerHTML="less ⇑";

＆＃13;

<button type="button" onclick="toggle()" id="toggleButton">more ⇓</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个..

<input onclick="toggle()" type="button" value="more ⇓" id=myButton1"></input>

JS：

    function toggle()
    {
        if (this.value=="more ⇓") 
             {this.value = "less ⇑";}
        else 
             {this.value = "more ⇓";}
    }