JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<div>blackkbot</div>
<br/>
<div-div></div-div>
<div-div></div-div>

JavaScript

var divs = Object.create(HTMLDivElement.prototype);
divs.createdCallback = function () {
    console.log(this);
};
document.registerElement('div-div', {
    prototype:divs
});

var eachelement = function () {
    console.log(arguments, this);

    if (this.valueOf() && this instanceof HTMLDivElement) {
        var saveinner = this.innerHTML;
        var dd = document.createElement('div-div');
        this.insertAdjacentElement('beforeBegin', dd);
        this.parentElement.removeChild(this);
        dd.innerHTML += saveinner;

    }
    if (arguments.length > 0) {

        var args = [].slice.call(arguments);

        return eachelement.apply(args.shift(), args);
    }
};
eachelement.apply(false, document.getElementsByTagName('div'));


document.body.appendChild(document.createElement('div-div'));