怎么在html的中调用js变量存储的图片路径

 我来答

1个回答

#合辑# 面试问优缺点怎么回答最加分？

jiaozhuangfei
2016-12-04 · TA获得超过698个赞

知道小有建树答主

回答量：316

采纳率：100%

帮助的人：264万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{margin: 0; padding: 0;}
        html, body{width: 100%; height: 100%; position: relative;}
        img{width: 100px; height: 100px;}
    </style>
</head>
<body>
<img src="" alt="">
<script type="text/javascript">
    var box = document.getElementsByTagName('body')[0],
        img = document.getElementsByTagName('img')[0],
        urlValue = 'https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/image/pic/item/3bf33a87e950352a5936aa0a5543fbf2b2118b59.jpg';
    box.onclick = function () {
        if(img.getAttribute('src')){
            img.setAttribute('src', '');
        }else {
            img.setAttribute('src', urlValue);
        }
    }
</script>
</body>
</html>