当前位置: 代码迷 >> JavaScript >> 总结各地
没有jQuery
  详细解决方案
热度:65   发布时间:2023-06-13 12:11:46.0

我想在不使用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>

您可以创建一个新的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()"> 

  相关解决方案