JavaScript 实现 jQuery wrap 方法

需求

将所有pre标签包裹一个div。

jQuery wrap 方法

$("pre").wrap("<div class='pre-class'></div>");

JavaScript

使用outerHTML获得pre节点，并且添加包裹的div，重新赋值给outerHTML。

let preTags = document.getElementsByTagName("pre");
for (const preTag of preTags) {
    preTag.outerHTML = `<div class='pre-class'>${preTag.outerHTML}</div>`
}