0

我是 JavaScript 新手，我想了解如何将相同的函数用于 JavaScript 中的不同元素。

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

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')">
4

3 回答 3

2

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

<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;
}
于 2012-07-02T10:20:27.800 回答
1

对您的代码做一个微不足道的更改 - 删除x. 当您使用单引号或双引号时，您传递的是字符串 "x" 而不是变量的值x。

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

不过，老实说，您可以imgx立即使用；将其保存到x其中有点不必要。

于 2012-07-02T10:21:34.240 回答
0

我已经为您创建了代码库，请使用以下链接进行检查。

http://codebins.com/codes/home/4ldqpcc

于 2012-07-02T11:05:13.550 回答