0

私はJavaScriptを初めて使用し、JavaScriptのさまざまな要素に同じ関数を使用する方法を探しています。

つまり、関数でのid値を設定する方法document.getElementByIdです。コードが機能しない理由がわかりません。

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 に答える