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
Post a Comment