使用Javascript进行简单的图像显示

时间:2017-06-09 08:24:22

标签: javascript html

我尝试使用以下代码使用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';

1 个答案:

答案 0 :(得分:1)

这是因为querySelect应为querySelector

要进行调试,请打开浏览器开发人员工具(F12)并查看控制台。与您的拼写错误有关。

  

未捕获的TypeError:document.querySelect不是函数