javascript - 创建 HTML 元素并向其附加属性，然后将其包装在另一个元素内的最有效方法是什么？

Question

我找到了this answer ，这太棒了。但是如果我还必须在该元素周围包裹另一个元素怎么办？这就是我现在正在做的:

$ ('#screenshots').append($('<a href="' + link + '" title="' + title + '"><img src="' + el + '" alt="" width="200px" height="200px"></a>'));

有更好的方法吗？

Answer 1

如果您真的对纯粹的速度感兴趣，那么纯 DOM 方法将很难被击败:

var div = document.getElementById("screenshots"), anchor, img;
if (div) {
    anchor = document.createElement("A");;
    anchor.href = link;
    anchor.title = title;
    img = document.createElement("IMG");
    img.src = el;
    img.alt = "";
    img.width = 200;
    img.height = 200;
    anchor.appendChild(img);
    div.appendChild(anchor);
}