javascript - Wrap <a> around <div> without jQuery -


i'm trying wrap <a> around <div> without using jquery since don't want embed jquery library. possible pure javascript?

the jquery solution works great , looks this:

<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> 

you can create new link element, copy html of div link , insert link element dom using insertbefore

  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 div</div>  <input type="button" value="try me" onclick="movetolink()">


Comments