时间戳

首页 > 解决方案 > 使用 javascript .onclick 函数的正确方法是什么？

javascript - 使用 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 。

标签： javascripthtmlonclick

解决方案

您需要正确绑定 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>

推荐阅读