js实现点击按钮换一换 js点按钮切换图片怎么实现

JS实现点击一个按钮更换图片

你的代码差在少了"选择元素"这一步。

img1.src = "..\images/DT2.JPG"这一步是没有作用的，因为img1你还没有定义。

正确的方法是让图片元素的id是img1，然后

document.getElementById('img1').src = "..\images/DT2.JPG"

这样进行赋值。

document.getElementById('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() {

document.getElementById('img1').src = ""

}

function sx() {

document.getElementById('img1').src = ""

}

function hy() {

document.getElementById('img1').src = ""

}

相关问答

Q1: js修改提交按钮value值，实现点一次切换一次，请指教

var flag = document.getElementById('start').value;

你这句是获取按钮的值，即第一次为“开始测试”

所以： if(flag == test) 这里不应该是test，而是“if(flag == '开始测试')”

Q2: js实现点击一个按钮不同属性切换

可以在页面中加入一个隐藏input通过改变该对象的值来判断传递的值。

每次点击按钮都改变隐藏input的值。这样就能形成交替。

举例说明：

html

body

input type="hidden" id="num" value="0" /!--隐藏的input用来获取判断的值--

input type="button" onclick='click_val()' /

script type="text/javascript"

    function click_val(){

        var hidden_val = $("#num").val();//获取隐藏的input的值

        if(hidden_val==1){//如果是1

            num = 1;//num赋值1

            $("#num").val(0);//将取隐藏的input的值改为0

        }else{//如果不是1

        num = 0;//num赋值0

        $("#num").val(1);//将取隐藏的input的值改为1

        }

        alert(num)；//弹出num

    }

/script

/body

/html

js实现点击按钮换一换的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点按钮切换图片怎么实现、js实现点击按钮换一换的信息别忘了在本站进行查找喔。