Question

我使用Bootstrap作为框架我是JS的新人，所以帮帮我。

我需要一个＆＃34;按钮值＆＃34;点击时更改。
按钮看起来像这样：

<button id="btn_out" name="btn_in_out" class="btn btn-lg btn-danger primary col-xs-offset-7" type="submit" onclick="sayThanks()" value="out">Ut</button>

这是我的JS：

<script>
    function sayThanks(){
        var element = document.getElementByld('btn_out');
        element.innerHTML="Tack";
</script>

它位于＆＃34; head＆＃34;标签

为什么它不起作用？

Answer 1

将getElementByld更改为getElementById（使用I）并关闭函数花括号

function sayThanks(){
        var element = document.getElementById('btn_out');
        element.innerHTML="Tack";
  }

function sayThanks(){
        var element = document.getElementById('btn_out');
        element.innerHTML="Tack";
  }

<button id="btn_out" name="btn_in_out" class="btn btn-lg btn-danger primary col-xs-offset-7" type="submit" onclick="sayThanks()" value="out">Ut</button>

Answer 2

您拼错了getElementById：getElementById而非getElementByld

http://jsfiddle.net/hn0j9tra/

如果你使用内联javascript，你应该在你的函数中提供一个id作为参数：

<script>
    function sayThanks(id){
        document.getElementById(id).innerHTML="Tack";
    }
</script>

<button id="btn_out" name="btn_in_out" class="btn btn-lg btn-danger primary col-xs-offset-7" type="submit"  value="out" onclick="sayThanks(this.id)">Ut</button>

Working demo

Answer 3

你有几个问题

1。getElementById拼写错误

2.Missing closing }

function sayThanks(){
        var element = document.getElementById('btn_out');
        element.innerHTML="Tack";
  }

Answer 4

好吧，看起来你错误地输入了函数getElementBy l d并且没有关闭整个函数本身。如果你将它改为getElementById，它可能会起作用。

<button id="btn_out" name="btn_in_out" class="btn btn-lg btn-danger primary col-xs-offset-7" type="submit" onclick="sayThanks(this)" value="out">Ut</button>

function sayThanks(e){
    e.innerHTML = 'Tack';
}

此外，我只是将元素传递给函数而不是搜索它，因为无论如何它都是调用者。

{{1}}

Answer 5

我认为此代码可以帮助您

html：

 <button id="btn_out" name="btn_in_out" class="btn btn-lg btn-danger primary col-xs-offset-7" type="submit"  value="out">Ut</button>

javascript：

document.getElementById("btn_out").onclick = sayThanks;

    function sayThanks(){
        this.innerHTML="Tack";
    }

Fiddle

Javascript Onclick，赢了

5 个答案: