将所有图像放在DIV标签中

Question

使用javascript函数自动将div标签放在所有图像中？

示例：

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

Answer 1

我知道您没有要求特定于jQuery的解决方案，但如果使用jQuery是一个选项，那么可以使用.wrap()：

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

这会将div中的所有图片都包裹在class="example"。

当然，这在纯JavaScript中也是可行的;循环遍历所有img元素，并为每个节点克隆它，创建一个新的div，将克隆附加到它，在原始{{之前或之后'将div插入DOM 1}}元素，最后从DOM中删除原始的img元素。