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

Question

这里是我的代码，它返回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

Answer 1

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

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