连接html元素后,结果变量返回0

时间:2016-09-17 20:43:22

标签: javascript jquery html

这里是我的代码,当我调用结果变量时它返回0我想在没有DOM的html中添加元素,意味着我想使用此代码在JS中重新创建整个html。

var div = document.createElement("div");
    div.setAttribute("id", "old");
    var newDiv = document.createElement("div");
    newDiv.setAttribute("id", "new");
    var p = document.createElement("p");
    p.setAttribute("id", "paragraph")
    var domDiv = document.getElementById("old");
    var domNewDiv = document.getElementById("new");
    var domP = document.getElementById("paragraph");

    var result = domDiv + domNewDiv + domP;
    result;

Code in console

1 个答案:

答案 0 :(得分:-1)

document.getElementById返回一个Javascript对象。您不能简单地连接对象。但是您可以连接这些对象的html内容,例如:

var result = domDiv.innerHTML + domNewDiv.innerHTML + domP.innerHTML;