JS中,改變圖片的src路徑。
html:<img onclick="changeImage()" id="img" src="images/cbd.jpg"/>
js://改變圖片的src屬性---路徑
var img = document.getElementById('img');
function changeImage(){
if(img.src.match('cbd')){
img.src = 'images/muwu.jpg';
}else{
img.src = 'images/cbd.jpg';
}
}
img.src.match('cbd'):match() 方法可在字串內檢索指定的值,或找到一個或多個正規表示式的匹配。這裡的意思就是圖片路徑中如果包含“cbd”這個字串就執行下面的程式碼。
相關文章
- js 如何提取富文字里的圖片路徑JS
- 好程式設計師分享html圖片絕對路徑改相對路徑程式設計師HTML
- ASP使用正則提取內容裡所有圖片路徑SRC的實現程式碼
- js拖拽:右下角拖拽改變圖片大小JS
- matlab改變工作路徑Matlab
- 正規表示式從<img>標籤中提取src屬性值圖片路徑
- 改變資料檔案的路徑
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- 改變歸檔檔案路徑
- 改變mysql資料存放路徑MySql
- html中想把圖片絕對路徑 改成相對路徑怎麼操作?HTML
- jQuery如何獲得圖片的路徑jQuery
- oracle單機改變歸檔路徑Oracle
- 滑鼠滑過改變元素的背景圖片
- getBase64();得到圖片路徑
- vue 關於圖片路徑的問題Vue
- 怎麼改變spyder預設工作路徑
- vue render載入img的src路徑問題Vue
- Xcode外掛路徑、快取路徑、圖片壓縮工具路徑、程式碼片段路徑、symbolicatecrash路徑XCode快取Symbol
- js在IE下修改圖片的src屬性無效解決方案JS
- laravel上傳圖片路徑問題Laravel
- vue專案中顯示 網路路徑的圖片,報控制檯報undefinedVueUndefined
- 改變固有思維的一種模式-關鍵路徑模式
- Android 使用ColorMatrix改變圖片顏色AndroidColorMatrix
- 利用CSS改變圖片顏色的多種方法!CSS
- python改變單通道圖片的畫素值Python
- DWR中引用JS的路徑問題JS
- css程式碼與引用圖片的相對路徑CSS
- MATLAB_改變預設工作路徑的2種方法Matlab
- QML中載入圖片不顯示,路徑出錯問題
- 在Vue 專案 webpack 打包中關於 背景圖片的路徑問題VueWeb
- CSS hover改變背景圖片過渡動畫生硬CSS動畫
- 利用CSS改變圖片顏色的100種方法!CSS
- jQuery修改和獲取圖片的src屬性值jQuery
- Js滑鼠放上去圖片變大變小JS
- 網路中的圖片傳輸
- word轉html用到的圖片路徑替換上傳HTML
- webpack:url-loader 圖片路徑問題Web