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

小提琴