我有多個帶有 src URL 的影像，它們都有
....content/..._gal6.jpg?format=100w
如何使用 jQuery 或 JS 更改所有以結尾的 URL
?format=2500w
點擊？
uj5u.com熱心網友回復：
像這樣
document.querySelectorAll("img").forEach(img => {
const url = new URL(img.src);
if (url.searchParams.get("format")) {
url.searchParams.set("format", "2500w")
console.log(url.toString())
img.src = url.toString()
}
})<img src="bla.jpg?format=250w">
<img src="bla.jpg">
<img src="bla.jpg?format=350w">uj5u.com熱心網友回復：
使用 JavaScript：
更改影像的 src 屬性：
function changeImage(){
document.getElementById('test-image').src = "https://url-to-second-image.com/image.png";
}
您可以使用 html 中的 click 事件呼叫該函式：
<img id="test-image" src="the-url/first_image.jpg" onclick="changeImage()">
這是一個 jsfiddle：https ://jsfiddle.net/f5mwext3/2/
同樣的方式你可以只更改名稱的一部分（為了方便，我使用了整個外部檔案）
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/379021.html
標籤：javascript html 查询
上一篇：未捕獲的型別錯誤：無法讀取未定義的屬性（讀取“目標”）和（讀取“值”）
下一篇：每列點擊搜索的資料表