Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JS Bin</title>
    </head>
    <body>
        <div class="red">
            red box
            <div class="green wrapper">
                green box
                <div class="blue">blue box</div>
            </div>
        </div>
    </body>
</html>
 
div {
    padding: 40px;
}
.red { background: red; }
.green { background: green; }
.blue { background: blue; }
 
function unwrap(wrapper) {
    // place childNodes in document fragment
    var docFrag = document.createDocumentFragment();
    while (wrapper.firstChild) {
        var child = wrapper.removeChild(wrapper.firstChild);
        docFrag.appendChild(child);
    }
    // replace wrapper with document fragment
    wrapper.parentNode.replaceChild(docFrag, wrapper);
}
// Try it:
// unwrap(document.querySelector('.wrapper'));
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
creativitypro
0viewers