数码资讯
js变换显示了一个图片的示例
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
启动接口作为图表:
复制代码代码如下所示:
函数的UpdateImg(){
/ / document.getelementbyid('img1)。SetAttribute('src ','images / 2。jpg);
无功dogandcat = document.getelementsbyname('dogandcat '); / /所有的名字= dogandcat单选按钮
对于(var i = 0;i < dogandcat.length;i++){
如果(dogandcat { } = =真。检查){
VaR值= dogandcat {我} getAttribute(币值);
开关(值){
例2:
document.getelementbyid('img1)。SetAttribute('src ','images / 2。jpg);
打破;
例3:
document.getelementbyid('img1)。SetAttribute('src ','images / 3。jpg);
打破;
例4:
document.getelementbyid('img1)。SetAttribute('src ','images / 4。jpg);
打破;
例6:
document.getelementbyid('img1)。SetAttribute('src ','images / 6。jpg);
打破;
}
}
}
}
一个悲伤的小狗
一只小狗
狗狗忍者
一只可爱的猫
下面是程序运行时的界面:单击不同的按钮是不同的。
复制代码代码如下所示:
函数的UpdateImg(){
/ / document.getelementbyid('img1)。SetAttribute('src ','images / 2。jpg);
无功dogandcat = document.getelementsbyname('dogandcat '); / /所有的名字= dogandcat单选按钮
对于(var i = 0;i < dogandcat.length;i++){
如果(dogandcat { } = =真。检查){
VaR值= dogandcat {我} getAttribute(币值);
开关(值){
例2:
document.getelementbyid('img1)。SetAttribute('src ','images / 2。jpg);
打破;
例3:
document.getelementbyid('img1)。SetAttribute('src ','images / 3。jpg);
打破;
例4:
document.getelementbyid('img1)。SetAttribute('src ','images / 4。jpg);
打破;
例6:
document.getelementbyid('img1)。SetAttribute('src ','images / 6。jpg);
打破;
}
}
}
}
一个悲伤的小狗
一只小狗
狗狗忍者
一只可爱的猫
下面是程序运行时的界面:单击不同的按钮是不同的。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。