Javascript Onclick，将无法使用

Question

我正在使用Bootstrap作为框架。
我是JS的新手，请帮助我。

单击时需要“按钮值”进行更改。
按钮看起来像这样：

<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>

它位于“ head”标签之间。

为什么不起作用？

Answer 1

更改getElementByld到getElementById （与我）和关闭功能大括号

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>

工作演示

Answer 3

你有几个问题

1. getElementById拼写错误

2.Missing }

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

Answer 4

好了，它看起来像你misstyped功能getElementBy 升 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()" value="out">Ut</button>

function sayThanks(){
    var tE = document.getElementById('btn_out');
    if (tE) tE.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(this)" value="out">Ut</button>

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

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";
    }

小提琴