使用javascript .onclick函数的正确方法是什么？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用javascript .onclick函数的正确方法是什么？相关的知识，希望对你有一定的参考价值。
使用.onclick运行函数时，它不执行它。我做错了什么吗？
<script>
const object1 = document.getElementById('object1');
const image2Path = "image2.svg";
object1.onclick = () => {
object1.src = image2Path;
}
</script>
<body>
<img id='object1' src="image1.svg">
</body>
当我点击对象时，我期待image1（成功显示）更改为image2。
答案
您需要正确绑定onclick处理程序。这将是一种方法：
<script>
function toogle()
{
const object1 = document.getElementById('object1');
const image2Path = "image2.svg";
object1.src = image2Path;
}
</script>
<body>
<img id='object1' src="image1.svg" onclick="toggle();">
</body>
另一答案
const object1 = document.getElementById('object1');
const image2Path = "image2.svg";
object1.onclick = () => {
object1.src = image2Path;
}<body>
<img id='object1' src="image1.svg">
</body>以上是关于使用javascript .onclick函数的正确方法是什么？的主要内容，如果未能解决你的问题，请参考以下文章
在 Thymeleaf 中使用 onClick 时如何将参数传递给 javascript 函数调用
使用javascript .onclick函数的正确方法是什么？
如何在 Javascript 类的内部 HTML 中运行 onClick 函数？