<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("toappended").appendChild(createNewElement("b", "toadd", "should have bold test"));
};
</script>

<body onload="runTests()">
    <details open>
        <summary id="summary">summary <span id="toappended"></span></summary>
    </details>
</body>