我已经尝试了在此网站上找到的几种方法来让我的脚本更改“+”和“-”展开/折叠按钮图像,但我还没有找到合适的修复/方法。
目前,我使用纯 JS 如下:
function swapimg(id) {
if(document.getElementById(id).src='images/bullet_expand.png')
{document.getElementById(id).src='images/bullet_expanded.png'}
else {document.getElementById(id).src='images/bullet_expand.png'}
}
和按钮:
<a href="javascript:void();" onclick="toggle_visibility('item1'); swapimg('phb');">
<img src="images/bullet_expand.png" border="0" style="padding-right: 5px;" id="phb" alt="">
</a>
第一次单击确实会更改图像,但第二次单击不会执行任何操作。我感觉使用“getElementById”可能不是标准调用,因此使用 JQuery 也是我会考虑的一个选项。
最佳答案
您需要 ==
而不是 =
而不是这个:
document.getElementById(id).src='images/bullet_expand.png'
使用
document.getElementById(id).src=='images/bullet_expand.png'
jQuery:
if(jQuery('#'+id).attr('src') == 'images/bullet_expand.png') {
jQuery('#'+id).attr('src','images/bullet_expanded.png');
} else {
jQuery('#'+id).attr('src','images/bullet_expand.png');
}
Javascript:
if(document.getElementById(id).src.indexOf('/images/bullet_expand.png') > 0) {
document.getElementById(id).src='images/bullet_expanded.png';
}
else {
document.getElementById(id).src='images/bullet_expand.png';
}
关于javascript - 更改图像 src 以实现展开/折叠功能(JQ 或 JS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10854648/