
<script>

var createNewElement = function (tag, id, text) {
    var result = document.createElement(tag);
    result.setAttribute('id',id);
    result.innerHTML = text;
    return result;
};

var runTests = function () {
    document.getElementById("dt1").appendChild(createNewElement("summary", "new1", "new 1"));
    document.getElementById("dt1").insertBefore(createNewElement("summary", "new2", "new 2"), document.getElementById("new1"));
};

</script>

<body onload="runTests()">
    <details open id="dt1"></details>
</body>