javascript - 将 <img class ="image"> 替换为 <span class = "image"> 使用 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/