你的代码差在少了"选择元素"这一步。
img1src = "\images/DT2JPG"这一步是没有作用的，因为img1你还没有定义。
正确的方法是让元素的id是img1，然后
documentgetElementById('img1')src = "\images/DT2JPG"
这样进行赋值。
documentgetElementById('img1')这一步的作用就是选择元素。
这是针对此问题的测试页面
代码如下
<div class="DT">
<div>
<img id="img1" src=">
/>
</div>
</div>
<div style="text-align:center">
<input type="button" id="b1" value=" 放大 " onclick="fd();" />
<input type="button" id="b3" value="还原 " onclick="hy();" />
<input type="button" id="b2" value=" 缩小 " onclick="sx();" />
</div>
function fd() {
documentgetElementById('img1')src = ">
}
function sx() {
documentgetElementById('img1')src = ">
}
function hy() {
documentgetElementById('img1')src = ">
}
var img=documentgetElementsByTagName("div")children;
for(var i=0; i<imglength; i++){
if(img[i]tagName=="IMG")consolelog(img[i]src);
}
js 有时加载有时不加载是设置错误造成的，解决方法为：
1、Script DOM Element方法代码。
2、<async>属性是HTML5中新增的异步支持，此方法被称为Script DOM Element 方法。但是这种加载方式执行完之前会阻止onload事件的触发，而现在很多页面的代码都在onload时还执行额外的渲染工作，所以还是会阻塞部分页面的初始化处理。
3、获取XML>
4、采用>
5、XHR Eval：与XHR Injection对responseText的执行方式不同，直接把responseText放在eval()函数里面执行。获取XML>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script>
windowonload = function(){
var display = documentgetElementById('display');
var arr =/\[(+)\]/gexec(documentgetElementById('monitor')innerHTML)[1]split(',');
var getMax = function(arr){
var max = arr[0],len=arrlength,i=1;
for(;i<len;i++)
max = arr[i] > max arr[i] : max;
return max;
};
documentgetElementById('max')onclick = function(){
displayinnerHTML = 'max:' + getMax(arr);
}
documentgetElementById('sumMax')onclick = function(){
displayinnerHTML = 'sumMax:' + getMax([getMax(arr),eval(arrjoin('+'))]);
}
}
</script>
</head>
<body>
<div id="monitor">array = [-1,3,-5,4,-6,8]</div>
<div id="display"></div>
<input type="button" id="max" value="Max:">
<input type="button" id="sumMax" value="sumMax:">
</body>
</html>
以上就是关于JS实现点击一个按钮更换图片全部的内容，包括:JS实现点击一个按钮更换图片、js中怎么获取子元素的图片而不含孙子级元素的图片、js 为什么有时加载有时不加载等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）