Javascript Onclick，won'；行不通

我正在使用引导作为框架。
我是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>

Ut

这是我的JS:

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

函数sayThank（）{
var element=document.getElementByld（'btn_out'）；
element.innerHTML=“Tack”；

它位于“头部”标签之间

---

为什么不工作？

将

getElementByld

更改为

getElementById

（带I）并关闭函数花括号

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

函数sayThank（）{
var element=document.getElementById（'btn_out'）；
element.innerHTML=“Tack”；
}

---

Ut

您拼错了

getElementById

：

getElementById

不是

getElementByld

如果使用内联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>

函数SayThank（id）{
document.getElementById（id）.innerHTML=“Tack”；
}
美国犹他州

---

您有两个问题

1.

getElementById

拼写错误

2.缺少结账

}

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

---

嗯，看起来您键入了函数getElementByld，并且没有关闭整个函数本身。如果您将其更改为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';
}

Ut
函数sayThank（）{
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';
}

Ut
函数（e）{
e、 innerHTML='Tack'；
}

我想这段代码会对你有所帮助

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>

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

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

---

除其他问题外，您的函数没有结束符

}

。getElementById，而不是Byld。