從元素列表中替換html元素

這可能聽起來是一個愚蠢的問題。我在頁面中有一組圖像。這些圖像沒有ID，但是有一個類。我想通過他們的類名獲得這些元素，並用不同的內容替換它們中的每一個。我應該怎麼做。從元素列表中替換html元素

來源

2016-09-12 Chalaka Ellawala

'$（ 'img.CLASS_NAME'）replaceWith（newContent）' – Rayon

@Mani - _ 「不同的內容替換他們每個人」 _ – Rayon

你有一個特定的順序新的內容應該是或者你不關心，你只是想有不同的內容？並且圖像具有相同的類別還是不同？ – snit80

下使用香草的JavaScript（jQuery的無），並做：

在頁面中選擇圖像，具有分配類（在這個例子中imageClass）。 document.querySelectorAll()允許您使用CSS3選擇器來選擇DOM元素。
更改每個圖像（src鏈接）的「內容」，這樣你就可以顯示不同的圖像。

單擊示例中的按鈕可以更改圖像的「內容」。

(function() { 
 
    var changeContent = function() { 
 
    document.querySelectorAll('.imageClass').forEach(function(image) { 
 
     image.src = 'https://placeimg.com/340/280/people' 
 
    }); 
 

 
    }; 
 
    document.getElementById('btn').addEventListener('click', changeContent); 
 
})();

<button id="btn" type="button">Change Images</button> 
 
<img class="imageClass" src="https://placeimg.com/240/180/animals"> 
 
<img class="imageClass" src="https://placeimg.com/240/180/animals"> 
 
<img class="imageClass" src="https://placeimg.com/240/180/animals"> 
 
<img class="imageClass" src="https://placeimg.com/240/180/animals">

來源

2016-09-12 06:35:23 GibboK

從元素列表中替換html元素

回答

相關問題