JS随手记——点击切换背景图片，再次点击恢复原图片

目标需求：点击前收藏的心形是空心的，点击后变成实心的小红心，再次点击后小红心变回空心

分析：通过两幅图片的来回切换实现空心和实心

方法如下：

        function imgchange(img){
            img.src = img.src.match('no') ? 'img/yes.png':'img/no.png';
        }

点击事件传入this，判断当前的图片路径中是否含有"no"，然后根据情况分别赋值。

也可以判断其完整的src来实现切换：

        function imgchange(img){
            var mysrc=img.getAttribute('src');
            if(mysrc == "img/no.png")
            {
                img.src = "img/yes.png";
            }
            else
            {
                img.src = "img/no.png";
            }
        }

注：此处的mysrc如果获取的为img.src时，可能会出现以file://开头的路径，如下图所示。 所以最好还是使用上述的两种方法。