I would like to dynamically add a pair of Div tags and a class to wrap a set of elements in the DOM. How would I go about doing this?
Html
<div class="right-bottom"> <!-- this is the div tag I would like to add to wrap the content below-->
<li class="">
<a href="">Diffusion Tensor Imaging</a>
<article class="article-body" data-asynchtml-target="">
<div class="loader"></div>
</article>
</li>
</div>
JavaScript
<script type="text/javascript">
var div = document.createElement('div');
</script>
Here is an example: get parent, detach element, append wrap to parent, append element to wrap.
function wrapElement(element) {
var parent = element.parentNode,
wrap = document.createElement('div');
wrap.classList.add('wrap');
element.remove();
parent.appendChild(wrap);
wrap.appendChild(element);
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments