js替换img的src，替换后显示白色？

想弄个随机替换图片这是我的代码点了箭头后就变成白色不显示更换后的图片，js返回给我的src也是正确的

第1个回答 2020-12-27

最后那一行有问题。
img.src = "photo[randomnum]";

这样是直接把 "photo[randomnum]"; 这个字符串赋值给了src。
引号里面是不能放变量的，只会被当作普通字符。
正确的写法应该是：
img.src = photo[randomnum];
不需要引号。追问

那个，我后面发现了，但是出现新问题了，图片还是不能加载，而且只能加载根目录的图片，其他目录的图片不能加载出来，还是白色的，是路径问题吗

追答

嗯，按你这描述那就是路径问题了，如果你根目录的图片可以加载出来，那其它目录就是在你根目录的图片名字前面加上其它目录的名字就行了。
比如说，1.jpg 是在根目录，2.jpg 是在根目录下的 img 目录中。那么，如果你可以加载1.jpg的话，假设你 1.jpg 是通过 img.src = "1.jpg" 这样加载进来的，那么2.jpg 就是 img.src = 'img/2.jpg'; 又假设你 1.jpg 是通过 img.src "../1.jpg" 这样加载进来的，那么 2.jpg 就是 img.src = "../img/2.jpg" ;
这么说可以理解么？也就是说，你可以加载根目录的图片的话，那么其他目录就是在你根目录的那个图片的图片名字前面加上其它目录的目录名称就行了，就像上面的两个假设，都是在 1.jpg 前面加了一个 img/

本回答被网友采纳

相似回答

JS怎么更换img中src路径答：通过找到img这个元素,然后再找到这个元素里的src属性,就可以查看,更改这个属性了 1)原生js 元素.setAttribute() //增加,更改属性,有两个参数,第一个参数是属性名,第二个是值.元素.getAttribute() //传入属性名,获得该属性对应的值 2)Jquery(需要导包)元素.attr(); //可传两个参数,传一个为获取...

怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。_百度知 ...答：js:根据循环切换条件可以用document.getElementById("").src=""设置，或者juqery:("#id").attr("src","图片名称");

vue.js怎么改变img的src答：首先，如果使用的是img标签那么可以这样 data () { return { img: require('path/to/your/source') }}然后在template中<img :src="img" /> 如果使用的是背景图的方式，那么可以这样data () { return { img: require('path/to/your/source') }}<div :style="{backgroundImage: 'url('...

JS怎么更换img中src路径答：1、jquery方式:("#img").attr("src",url);2、原生javascript方式：var element = document.getElementById('myimage');element.src = "image/a/053120.jpg";

JS怎么更换img中src路径答：这里采用jquery的(也可以参照改成js的)，直接浏览器运行即可执行：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"src=" <script> $(function(){ $("#img").attr("src","/img/2.jsp"); //用于前台展示...

js 获取文本中的图片src并替换图片src答：<script> (function(){ var imglist=document,getElementsByTagName("img");for(var i=0;i<imglist.length;i++){ imglist[i].src="http://www.nmgjzw.com"+imglist[i].src;} })()</script>