總結<a>各地</a> <div> <a>沒有jQuery</a>

Question

我想在不使用jQuery的情況下將<a>圍繞<div>包裹起來，因為我不想嵌入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()">