stackoom
  简体   繁体   中英

What is the correct way to use the javascript .onclick function?

 原文  2019-01-22 08:58:27  7   2    javascript/ html/ onclick

Question

When using .onclick to run a function, it isn't executing it. Have I done something wrong?

<script>
  const object1 = document.getElementById('object1');
  const image2Path = "image2.svg";

  object1.onclick = () => {
    object1.src = image2Path;
  }
</script>
<body>
  <img id='object1' src="image1.svg">
</body>

I'm expecting image1 (which shows up successfully) to change to image2 when I click on the object.

2 answers

solution1
 0  2019-01-22 09:03:14

You need to bind the onclick handler correctly. This would be a way to do it:

<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>

solution2
 0  2019-01-22 09:08:25

 const object1 = document.getElementById('object1'); const image2Path = "image2.svg"; object1.onclick = () => { object1.src = image2Path; }
 <body> <img id='object1' src="image1.svg"> </body>

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question what is the correct way to use onclick in this part of javascript? correct way to echo a link with a onclick javascript function What is the correct way to use an Array in Javascript? What's the correct way to call JavaScript Function? what's the correct way to destroy a javascript function? What is the correct way to write this javascript function? What is the correct way to pass parameters to function in JavaScript? Javascript - Function to use onclick? What is the correct use of the || in javascript What is the correct way to use JavaScript to perform arithmetic on a DOM object?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM