3

画像のonclickイベントが発生したときに、画像ソースを取得する必要があります。

document.getElementById（ "example"）。srcを使用してみました。、しかしブラウザのコンソールは言う

Uncaught TypeError：nullのプロパティ'src'を読み取れません

<html>
<head>
<script type="text/javascript">
function changeIt()
{
var name = document.getElementById("myimage").src;
alert(name);
}
</script>
</head>
<body>
<img onclick="changeIt()" src='em1.gif' name='example' border='0' />
<img onclick="changeIt()" src='em2.gif' name='example' border='0' />
<img onclick="changeIt()" src='em3.gif' name='example' border='0' />
<img onclick="changeIt()" src='em4.gif' name='example' border='0' />
<img onclick="changeIt()" src='em5.gif' name='example' border='0' />
</body>
</html>

パーツを更新します。

実際のソースは、AJAX応答で、フォルダから画像パスを取得します。このため、画像を動的に作成してdivに追加する必要があります。

これは実際のコードです

outputdata.forEach(function (element) {
                   content = $("<div><a href='something'><img onclick='changeIt()' src='" + element + "'   /></a></div>");
                   content.addClass('content');
                   container.append(content);
                   $("#fp_thumbScroller").append(container);
                });
            }

異なる画像に同じIDを使用するのは適切ではないと考えて、IDを作成しませんでした。

4

4 に答える 4

15

html：

<img onclick="changeIt(this.src)" src='em1.gif' name='example' border='0' />

js：

function changeIt(_src){
    alert(_src);
}​
于 2012-04-22T18:50:19.940 に答える
7

実際の要素参照（this）をパラメーターとして渡すので、画像ソースや変更したいものを変更できます。

HTML：

<img onclick="changeIt(this)" src='em3.gif' name='example' border='0' />

Javascript（その領域にあることを確認してください）：

function changeIt(img)
{
    var name = img.src;
    alert(name);
}

これがフィドルです。

于 2012-04-22T18:53:42.280 に答える
1

HTMLにID「myimage」のimgタグがありますか？参照する前に、IDが「myimage」のimg要素があることを確認する必要があります。

于 2012-04-22T18:53:07.160 に答える
0

これは、どの画像にもIDがないためです。

<img id="myImage" onclick="changeIt()" src='em1.gif' name='example' border='0' />
于 2012-04-22T18:46:10.790 に答える