html要素を連結した後、結果変数が返されます。0

Question

ここで私は結果変数を呼び出すときに0を返します.HTMLなしでhtml要素を追加したいのですが、このコードを使用してJS全体を再作成します。

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;