marko/benchmark/vdom/codegen-create/codegen-dom.js

module.exports = function(node) {
    var nextId = 0;

    var code = "";

    function codegenEl(node, level) {
        var varName = level === 0 ? "root" : `node${nextId++}`;

        code += `var ${varName} = document.createElement(${JSON.stringify(
            node.nodeName
        )})\n`;

        var attributes = node.attributes;

        for (var i = 0; i < attributes.length; i++) {
            var attr = attributes[i];
            code += `${varName}.setAttribute(${JSON.stringify(
                attr.name
            )}, ${JSON.stringify(attr.value)})\n`;
        }

        var curChild = node.firstChild;
        while (curChild) {
            if (curChild.nodeType === 1) {
                var childVarName = codegenEl(curChild, level + 1);
                code += `${varName}.appendChild(${childVarName})\n`;
            } else if (curChild.nodeType === 3) {
                code += `${varName}.appendChild(document.createTextNode(${JSON.stringify(
                    curChild.nodeValue
                )}))\n`;
            }

            curChild = curChild.nextSibling;
        }

        return varName;
    }

    codegenEl(node, 0);

    code += "\nreturn root;\n";

    return code;
};