使用javascript检查图像名称
Checking image name using javascript
我正在使用javascript更改img src。
我正在试着确定是打开还是关闭。
我正在测试以下内容:
var img_el = document.getElementById("on_off_img");
if ( img_el.src == 'img/on.png' ) {
img_el.src = 'img/off.png'
} else {
img_el.src = 'img/on.png'
}
我的问题是,我从来没有得到一个匹配-它看起来像img_el。src返回完整的URL…是否有一个函数只是测试实际的文件名,而不是完整的字符串文件?
或者有没有更好的方法来管理点击?使用indexOf()代替比较src
如
var img_el = document.getElementById("on_off_img");
if ( img_el.src.indexOf('on.png') > -1) {
img_el.src = 'img/off.png'
} else {
img_el.src = 'img/on.png'
}
您始终可以使用indexOf
:
if(img_el.src.indexOf('img/on.png') > -1){
img_el.src = 'img/off.png'
}else{
img_el.src = 'img/on.png'
}
要进一步缩短它,可以使用三元操作符:
var img_el = document.getElementById("on_off_img"),
isOn = img_el.src.indexOf('on.png')>-1;
img_el.src = isOn ? 'img/off.png' : 'img/on.png';
您也可以使用match语句。
var img_el = document.getElementById("on_off_img");
if ( img_el.src.match("on.png"))
{
img_el.src = 'img/off.png'
} else
{
img_el.src = 'img/on.png'
}
尝试使用JQuery:
$("#on_off_img").click(function(){
if($(this)[0].nameProp == "on.png")
$(this).attr("src","img/off.png");
else
$(this).attr("src","img/on.png");
});
相关文章:
- 循环以检查数组中的最后一个图像
- 如何检查图像是否已加载
- Javascript检查图像是否在数组中
- 点击一个按钮,有没有一种方法可以检查Div内部的图像
- 在将图像保存到服务器之前检查图像大小
- 图像的尺寸,然后检查标准
- jQuery或Javascript检查是否加载了图像
- 检查图像是否正确加载了Quit
- 如何使用[Package CollectionFS]在插入图像之前检查宽度和高度
- 选择随机图像,检查是否在特定范围内并相应显示
- 检查上传的图像是否经过压缩
- 如何检查图像是否已注释
- 如何在JavaScript中检查高度和宽度图像
- Angular 2-检查图像url是否有效或已损坏
- ajax 返回带有循环的图像长度,检查最后一个循环
- 如何检查是否使用jQuery加载了图像
- 检查运行到CORS的图像是否存在
- jquery图像加载检查错误
- 检查拖放内容是否为图像
- 当源代码由js设置时加载检查图像