custom event and display html element

no innerHTML

by Darby Rathbone

JavaScript

var htmlToElements = (function () {
    var div = document.createElement('div');
    return function (s) {
        div.innerHTML = s;
        return div.childNodes;
    };
}());


addEventListener('name-of-event', function (e) {
    [].slice.call(htmlToElements(e.detail)).forEach(function (d) {
        document.body.appendChild(d);
    });
});
dispatchEvent(new CustomEvent("name-of-event", {
    "detail": "<div>event display this</div>",
    'a': 'a'
}));