將所有圖像放入DIV標簽中

Question

有沒有一種方法可以使用javascript函數自動在所有圖像中放置div標簽？

例：

<div class="example"><img src="..."></div>

Answer 1

我知道您沒有要求使用特定於jQuery的解決方案，但如果可以選擇使用jQuery，那么答案很簡單-您可以使用.wrap() ：

$('img').wrap('<div class="example" />');

這會將所有圖像包裝在具有class="example"的div 。

當然，在純JavaScript中也可以做到這一點。 遍歷所有img元素，並為每個節點克隆它，創建一個新的div ，將克隆添加到其后，將div插入到原始img元素之前或之后的DOM中，最后從DOM中刪除原始的img元素。