对不同的元素使用一个函数javascript [英] use one function to different elements javascript

问题描述

我是JavaScript新手，我正在努力研究如何在JavaScript中的不同元素中使用相同的功能。

I'm new in JavaScript and I'm tring to find out how I can use the same function to different elements in JavaScript.

I。如何在函数中设置 document.getElementById 的id值。我不知道为什么我的代码不起作用。

I.e. how to set the id value for document.getElementById in the function. I do not know why my code does't work.

JavaScript

JavaScript

function onhover(imgx)
{
    var x = imgx;
    document.getElementById('x').style.opacity=0.5;
}

HTML

<img id="img1" src="img1.jpg" onmouseout="onhover('img1')">
<img id="img2" src="img2.jpg" onmouseout="onhover('img2')">

推荐答案

前提是所有处理程序都不应该在标记内定义为了逻辑和内容之间的分离），试试这个

premising that all handlers should never be defined inside markup (for the sake of separation between logic and contents) , try this

<img id="img1" src="img1.jpg" onmouseout="onhover(this)">
<img id="img2" src="img2.jpg" onmouseout="onhover(this)">

function onhover(img) {
   img.style.opacity=0.5;
}

这篇关于对不同的元素使用一个函数javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！