使用 javascript .onclick 函数的正确方法是什么？
[英]What is the correct way to use the javascript .onclick function?
问题描述
When using .onclick to run a function, it isn't executing it.
当使用 .onclick 运行一个函数时，它并没有执行它。 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.当我单击对象时，我期待 image1（成功显示）更改为 image2。
2 个解决方案
解决方案1
0 2019-01-22 09:03:14
You need to bind the onclick handler correctly.您需要正确绑定 onclick 处理程序。 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>
解决方案2
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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
在这部分javascript中使用onclick的正确方法是什么？ - what is the correct way to use onclick in this part of javascript?
用onclick javascript函数回显链接的正确方法 - correct way to echo a link with a onclick javascript function
在JavaScript中使用数组的正确方法是什么？ - What is the correct way to use an Array in Javascript?
调用JavaScript函数的正确方法是什么？ - What's the correct way to call JavaScript Function?
销毁javascript函数的正确方法是什么？ - what's the correct way to destroy a javascript function?
编写这个javascript函数的正确方法是什么？ - What is the correct way to write this javascript function?
在JavaScript中传递参数以正常运行的正确方法是什么？ - What is the correct way to pass parameters to function in JavaScript?
Javascript-使用onclick的功能？ - Javascript - Function to use onclick?
||的正确用法是什么？ 在JavaScript中 - What is the correct use of the || in javascript
使用JavaScript对DOM对象执行算术运算的正确方法是什么？ - What is the correct way to use JavaScript to perform arithmetic on a DOM object?
相关标签