JavaScript:改變 HTML 圖像,來回變換

在正常情況下,連續(xù)點擊是來回變換的,但是有一種情況會發(fā)生錯誤或者說只變化一次:
原因:檢索圖片鏈接字段的c.src.match('a')里面的a不可以只是一個阿拉伯數(shù)字(可以數(shù)字和字母組合(第一個是數(shù)字的組合也可以))!

正常:
html:
<img src="./images/2018-a.jpg" id="tupian" onclick="changeImg()">

js:
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('b')) {
c.src="./images/2018-a.jpg";
}
else{
c.src="./images/2018-b.jpg";
}
}

發(fā)生錯誤或者只變化一次:
html:
<img src="./images/2018-1.jpg" id="tupian" onclick="changeImg()">

js:(發(fā)生錯誤)
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('2')) {
c.src="./images/2018-1.jpg";
}
else{
c.src="./images/2018-2.jpg";
}
}

js:(只變化一次)
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('1')) {
c.src="./images/2018-2.jpg";
}
else{
c.src="./images/2018-1.jpg";
}
}

測試地址:http://cuanyair.com/js-test/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • document.write(''); } if ( (document.cookie && document.c...
    一副慫樣閱讀 763評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創(chuàng)建,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,311評論 1 10
  • 昨天看朋友圈,很多人結(jié)婚。好多人都說昨天是適合結(jié)婚的好日。10月5日,是個單數(shù)。我想,大概農(nóng)歷是個好日子吧,農(nóng)歷八...
    695890dfa475閱讀 209評論 2 1
  • 這一次,是Teacher Hu老師的冒險故事(聽到這么叫他,他一定會說‘這是什么鬼語法?!’但我知道其實他是很懷念...
    tzykenshin閱讀 259評論 0 0
  • 我的家庭,它是一個龐大的家族,它有著爸爸媽媽大哥二哥三哥還有我小妹,現(xiàn)在家里面又有 我的大嫂二嫂三嫂和她們的...
    雨過天晴L閱讀 147評論 0 0

友情鏈接更多精彩內(nèi)容