Javascript 如何围绕现有图元创建新的定位标记

我正在尝试添加一个锚定标记，标记周围有一个URL。我不知道该怎么做，我被难倒了好几个小时。

试试jQuery方法

试一试

---

演示：

关于

span

或

img

？您不能直接将其添加到标记中吗？你面临什么问题？预期的行为应该是什么？你必须详细解释。您希望在span标记周围的输出中看到什么。我需要用javascript来做。我想你要找的只是。没有jquery你会怎么做？添加一个答案给我一些时间谢谢。这很有帮助。

document.body.appendChild（wrap）

会将元素附加到正文的末尾，不一定是元素最初所在的位置。不，您不需要克隆<代码>target.parentNode.replaceChild（换行，目标）；wrap.appendChild（目标）。不，这些方法都不需要标记。你为什么这么认为？您已经有了所有需要传递给这些方法的值。您假设有一个

换行，但情况可能并非如此

<span class="classname">
<img src="" width="70" height="70">
</span>

$("span.avatar").wrap("<a></a>");

var target = document.getElementsByClassName("avatar")[0];
var wrap = document.createElement("a");

target.parentNode.replaceChild(wrap, target); 
wrap.appendChild(target);

var el = document.getElementsByClassName('avatar')[0];
var anchor = document.createElement('a');
el.parentNode.insertBefore(anchor, el);
anchor.appendChild(el)