从 HTML 按钮调用函数答案

【问题标题】：Calling a function from a HTML button从 HTML 按钮调用函数
【发布时间】：2018-01-15 06:55:40
【问题描述】：

我想知道在这种情况下我做错了什么？我得到了这个按钮，它是一个 HTML 元素。当我点击它时，我希望函数 push() 被激活。不幸的是，我的控制台说：

ReferenceError: 未定义推送

在这种情况下有人可以帮助我吗？非常感谢！

<button type="button" onclick=push()>Click Me!</button> 
<script type="text/javascript">
function push (){.....};
</script>

【问题讨论】：

能否提供push()函数的内容？

标签： javascript html function onclick

【解决方案1】：

您可以将onclick=push() 更改为onclick="push()" 以使其工作！

此外，push 函数的主体中可能存在问题，因此无法编译 - 因此出现错误。

【讨论】：

如果 = 后没有空格，则不需要引号

【解决方案2】：

你可以这样做：

如果你想用一个按钮来使用函数push()，你可以这样做，

<button type="button" id="clickme">Click Me!</button> 

<script type="text/javascript">

document.getElementById("clickme").addEventListener("click", function() {.....}

</script>

如果你想使用带有多个按钮的函数 push()，

<button type="button" id="clickme">Click Me!</button> 

<script type="text/javascript">

document.getElementsByClassName("clickme").addEventListener("click", function() {.....}

</script>

优点：更少的 HTML 缺点：更多的 javascript

【讨论】：

在这种情况下，getElementById 不是更好的选择吗？
@Suppe 是的，class 用于多个元素，id 仅用于一个元素，所以在这种情况下它是 GetElementById