1. 程式人生 > >js match 來點擊切換圖片

js match 來點擊切換圖片

換圖 align chang class pos regexp 16px str 返回

定義和用法

  match() 方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。

  該方法類似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置

返回值

  成功: ["on", index: 66, input: "http://127.0.0.1:8020/js/%E8%8F%9C%E9%B8%9F%E6%95%99%E7%A8%8B/img/on.png"]

失敗: null

具體實現

   html:

    <img src="./img/on.png" id="change" onclick="changeImg()" />

  

  js:

    function changeImg(){
      var element = document.getElementById("change");
      if(element.src.match("on")){
        element.src = "./img/off.png";
      }else{
        element.src = "./img/on.png";
      }
    }

結果

  技術分享圖片點擊後技術分享圖片

總結

  match() 方法將檢索字符串 stringObject,以找到一個或多個與 regexp 匹配的文本。

js match 來點擊切換圖片