php - Javascript 解决方案删除特定标签，但将其余部分保留在特定 DIV 中

Question

我有一个看起来像这样的 div 结构...

<div class="gallery_lightview">
    <div id="lg_image">
        <a href="http://www.website.com/?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="lightview_main" title="TITLE HERE">
            <img class="alignnone" src="HEADER.jpg" alt="" />
        </a>
    </div>
</div>

我想要做的是删除仅在 div 类“gallery_lightview”之间显示的标签并保留该标签。因此，一旦将其全部剥离，它看起来就像......

<div class="gallery_lightview">
    <div id="lg_image">
        <img class="alignnone" src="HEADER.jpg" alt="" />
    </div>
</div>

基本上使其成为不可点击的图像。这可能吗？它在移动网站上运行，我不希望它出现在标题中。真的希望它成为一个独立的 Javascript，位于 "the_content" 之上。 Wordpress 调用(这是 "gallery_lightview" div 代码所在的位置。

我选择不使用 jQuery，因为它的移动性会增加负载。从字面上看，图书馆要做的唯一一件事就是删除 <a>标签。

有什么想法吗？

Answer 1

你能做一些事情，比如获取内部元素的innerHTML，并将其设为祖 parent 的innerHTML。所以:

var div = document.getElementById('lg_image');
var img = div.childNodes[0].childNodes[0];
div.innerHTML = img.innerHTML;

这并不漂亮，但它很轻量级并且有效。更优雅的选择可能是削减 jQuery 或找到一个类似的、轻量级的库。