javascript - 不用 jQuery 将 包裹在 周围

Question

我正在尝试包装 <a>围绕 <div>不使用 jQuery，因为我不想嵌入 jQuery 库。纯 JavaScript 有可能吗？

jQuery 解决方案效果很好，看起来像这样:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#mydiv").wrap("<a id='myanchor' href='#'></a>");
    });
</script>

Answer 1

您可以创建一个新的 link 元素，将 DIV 的 HTML 复制到链接中，然后使用 insertBefore 将链接元素插入到 DOM 中。

  function moveToLink(){
    var div = document.getElementById('wrapMe');
    
    var link = document.createElement('a');
    link.innerHTML = div.outerHTML;
    link.setAttribute('href', '#');
    
    div.parentNode.insertBefore(link, div);
    div.remove();
  }

<div id="wrapMe">Some content in a div</div>
<input type="button" value="try me" onclick="moveToLink()">