2017-06-09 9 views
-2

javascriptを使用して画像を表示しようとしましたが、画像が表示されませんでした。どうすればjavascriptを使ってこれを行うのですか?前もって感謝します。JavaScriptを使用した単純な画像表示

CodePen:https://codepen.io/centem/pen/jwWBWd

HTML

<div> 
     <img alt="dragon image" > 
</div> 

Javascriptを

var img = document.querySelect('img'); 
img.src = 'https://s-media-cache-ak0.pinimg.com/736x/4c/d0/a5/4cd0a541c00111cb84d736c0ceb04005.jpg'; 
+3

それは、[ 'querySelector'](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)ではない' querySelect'です。エラーについて[コンソール](https://stackoverflow.com/documentation/javascript/2288/console#t=201706090827159624666&a=remarks-opening-the-console-0)をチェックしましたか? –

答えて

1

querySelectquerySelectorでなければならないからです。

デバッグするには、ブラウザの開発ツール(F12)を開いて、コンソールを確認します。あなたの誤字には誤りがあります。

Uncaught TypeError: document.querySelect is not a function

+1

さて、私はそのような質問をして、答えがコメントでなければならないと思います。ちょうど私の意見。 –

+0

回答は回答、コメントはコメントです。これは質問に答えます。あなたが質問が好きではない場合、あなたはその質問を閉じるかコメントするために自由に投票することができます。 – MrCode

+0

うわー!どのような見落とし。ありがとうMrCode。そのような問題について私の謝罪を受け入れてください。 – martinbshp

関連する問題