怎么用js操作这些dom元素

Question

两个问题

怎么用js给body下面加一个id为wrapper的div，包在最外层？

怎么用js给样式为aa的div外包一个id为wrap的div？

Answer 1

<div class="aa">demo</div>
<script type="text/javascript">
function fnWrapAll(s,sWrap){
    var oFrag = document.createDocumentFragment(),o = document.querySelectorAll(s),oTemp;
    o[0].insertAdjacentHTML('beforeBegin',sWrap);
    oTemp = o[0].previousSibling;
    [].forEach.call(o,function(o){
        oFrag.appendChild(o);
    });
    oTemp.appendChild(oFrag);
}
fnWrapAll('.aa','<div id="wrap"></div>');
</script>