ホームページ >ウェブフロントエンド >jsチュートリアル >image_javascript スキルの URL (src) を動的に変更する JS メソッド
image_javascript スキルの URL (src) を動的に変更する JS メソッド
- WBOYオリジナル
- 2016-05-16 16:06:272290ブラウズ
この記事の例では、JS を使用して画像の URL (src) を動的に変更する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
次の JS コードは、画像アドレスを動的に変更して新しい画像を表示できます。これは実際には、画像の src 属性を変更することで実現されます。
<!DOCTYPE html>
<html>
<head>
<script>
function changeSrc()
{
document.getElementById("myImage").src="hackanm.gif";
}
</script>
</head>
<body>
<img id="myImage" src="compman.gif" width="107" height="98">
<br><br>
<input type="button" onclick="changeSrc()" value="Change image">
<p><b>Note:</b> The src property can be changed at any time.
However, the new image inherits the height and width
attributes of the original image,
if not new height and width properties are specified.</p>
</body>
</html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。