2017-06-09 5 views
-2

Ich versuchte den folgenden Code, um ein Bild mit Javascript anzuzeigen, aber das Bild wird nicht angezeigt. Wie mache ich das mit Javascript? Vielen Dank im Voraus.Einfache Bildanzeige mit 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

Es ist [ 'querySelector'] (https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector), nicht' querySelect'. Haben Sie die [Konsole] (https://stackoverflow.com/documentation/javascript/2288/console#t=201706090827159624666&a=remarks-opening-the-console-0) auf Fehler überprüft? –

Antwort

1

Es ist, weil querySelectquerySelector sein sollte.

Zum Debuggen öffnen Sie die Browser-Entwicklerwerkzeuge (F12) und schauen Sie sich die Konsole an. Es wird ein Fehler in Bezug auf Ihren Tippfehler auftreten.

Uncaught TypeError: document.querySelect is not a function

+1

Nun, ich denke, dass Frage und Antwort dafür ein Kommentar sein sollte. Nur meine Meinung. –

+0

Antworten sind für Antworten, Kommentare sind für Kommentare. Dies beantwortet die Frage. Wenn Sie die Frage nicht mögen, können Sie abstimmen, um die Frage zu schließen oder zu kommentieren. – MrCode

+0

Wow! Was für ein Versehen. Danke Herr Code. Bitte akzeptieren Sie meine Entschuldigung für solch eine Noob-Frage. – martinbshp