直接将全局对象放入HTML元素

Question

这是我的代码：

document._createELement = document.createElement;
document.createElement = function(type, data){
    var x = document._createElement(type);
    x = data;

    return x;
}

我试过这个：

document.body.appendChild(document.createElement("p", {
    innerHTML: "Hi!"
}));

我希望在HTML中看到这一点：

<p>Hi!</p>

完成上述document.createElement功能的解决方案是什么？

Answer 1

如果你只是想创建一个p元素并附加到正文，这将会这样做

var p = document.createElement("p");
p.innerHTML = "Hello!";
document.body.appendChild(p);

修改

误解你的意思是

function createEl(type, data) {
    var el = document.createElement(type);
    for ( var x in data ) {
      el[x] = data[x];
    };
    return el;
}

var p = createEl("p", { innerHTML : "Hi There!" });
document.body.appendChild(p);

JSFiddle