コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 1 つの画像をクリックすると別の画像に切り替わります image_html/css_WEB-ITnose

1 つの画像をクリックすると別の画像に切り替わります image_html/css_WEB-ITnose

不言
リリース： 2018-05-23 15:25:53
オリジナル
11904 人が閲覧しました

<!DOCTYPE html> 
<html> 
<body> 

<img id="image" src="/i/eg_tulip.jpg" onclick="click()"/> 

<script> 
function click(){ 

document.getElementById("image").src="/i/shanghai_lupu_bridge.jpg"; 
} 
</scrip> 


</body> 
</html>
ログイン後にコピー

ディスカッションに返信(解決策)

click() 名前を変えるだけでOKです

間違った書き方です。 。 。 。 それ以外の場合は実行されません

実際には、onclick = "this.src='/i/shanghai_lupu_bridge.jpg'";

関連ラベル：
点击一张图片切换到另一张图片
ソース：php.cn
前の記事：BFC とマージンについての深い理解 Collapse_html/css_WEB-ITnose 次の記事：Hibernate some_methods_@annotations_code example_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
顔認証端末 iVMS-4200 と基盤の接続に問題がある 顔認証端末 iVMS-4200 が mysql データベースに接続するとエラーが表示されます。 YouTubeから以下の動画を参考にしてみました。しかし、保存するとエラーが表示され...
から 2024-04-06 12:20:33
0
1
347
CSS を使用して Next.js の三目並べボードの各行の下のスペースを削除するにはどうすればよいですか? 各行の下にスペースがあるのはなぜですか? (CSS) 自分のスキルをテストするために Next.js 三目並べアプリを作成しようとしています。ただし、CSSに問題があります。ボード...
から 2024-04-05 11:39:02
0
1
1431
Javascriptを使用して画像をURLにリンクするにはどうすればよいですか? 画像があるので、URLをリンクしたいと思います。 JavaScriptを使用しました。コードを実行した後、この画像を表示したいので、それをクリックすると、URLを介してこの画像にリ...
から 2024-04-03 10:34:22
0
1
311
PHP の配列: 新しい項目を追加したときの驚くべき結果 そこで、Instaloaderpython ライブラリによって収集された画像を収集し、Web サイト上のギャラリーに配置できるコードを作成しています。これらを問題なく収集して表示す...
から 2024-03-31 14:10:42
0
1
405
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート