JS 循環換src 當我們需要通過 JS 動態地修改網頁中的圖片或視頻的鏈接時，就需要用到 JS 循環換 src 方法。通過循環遍歷圖片或視頻元素，并替換它們的 src 屬性值，就可以更新鏈接地址，換而言之，達到動態地改變網頁元素的目的。 以下是一個典型的 JS 循環換 src 代碼示例：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
images[i].src = 'new-image-source.jpg';
}

在上面的代碼中，我們先通過 `document.getElementsByTagName('img')` 獲得了整個文檔中的所有圖片元素，然后用 for 循環遍歷所有圖片元素。在每次遍歷中，我們將圖片元素的 `src` 屬性值修改為 `new-image-source.jpg`，達到了循環修改圖片鏈接的目的。 除了遍歷文檔中的所有圖片元素，我們還可以只遍歷某一個指定的元素內的所有圖片元素。例如，我們有一個 `div` 容器，其中存放了若干張圖片，我們只需要在該 `div` 元素內部遍歷即可：

var container = document.getElementById('image-container');
var containerImages = container.getElementsByTagName('img');
for (var i = 0; i < containerImages.length; i++) {
containerImages[i].src = 'new-image-source.jpg';
}

在這個例子中，我們首先通過 `getElementById` 方法獲得了 ID 為 `image-container` 的元素，然后通過 `getElementsByTagName` 方法獲得了該元素內的所有圖片元素。 有時候，我們不僅需要遍歷圖片元素，還需要與其他元素進行交互。例如，我們要根據圖片的尺寸來動態地設置其父元素的寬度，可以這樣實現：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
var width = images[i].clientWidth;
var parent = images[i].parentNode;
parent.style.width = width + 'px';
}

在這個例子中，我們首先遍歷所有圖片元素，然后用 `clientWidth` 屬性獲得每一個圖片元素的實際寬度，再用 `parentNode` 屬性獲得每一個圖片元素的父元素，將父元素的寬度設置為圖片的寬度。 總之，通過 JS 循環換 src 方法，我們可以方便地遍歷文檔中的所有圖片或視頻元素，并動態地修改它們的鏈接或樣式，達到不同的效果。