javascript - 替换为使用 YUI3 或 Javascript，没有 jQuery

Question

将图像节点替换为跨度节点，以便：

<div class = "imageholder">
    <img class="image" src="#" title="image">
</div>

变成

<div class = "imageholder">
    <span class="image" title="image"></span>
</div>

想使用 YUI3，但也可以使用普通的 javascript。请不要使用 jQuery！

谢谢！

Answer 1

var imgs = document.querySelectorAll(".imageholder > img");

for (var i = 0; i < imgs.length; i++) {
    var span = document.createElement("span");
    span.className = span.title = "image";
    imgs[i].parentNode.replaceChild(span, imgs[i]);
}

http://jsfiddle.net/he6QM/