问题描述
我想在不使用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>
1楼
您可以创建一个新的link元素，将DIV的HTML复制到链接中，然后使用将链接元素插入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()">