在嵌套元素生成javascript上获取错误

Question

我想使用js函数更改div上的默认标头，但是在代码的最终结果之后是文本[object HTMLDivElement]。 这是我的代码：

    function Modelo1(){
        var div=document.createElement('div');
        var logo = document.createElement('img');
        logo.height=80;
        logo.width=250;
        logo.src="persona-5-listing-thumb-01-ps4-us-30jun16.png";
        var datos= document.createElement('div');
        var ruc = document.createElement('span');
        var dir = document.createElement('span');
        var tel = document.createElement('span');
        ruc.innerHTML = "RUC: ";
        dir.innerHTML = "dirección aca";
        tel.innerHTML = "Telefono: ";
        datos.appendChild(ruc);
        datos.appendChild(dir);
        datos.appendChild(tel);
        var doc=document.createElement('div');
        doc.border="2px solid "+colorBorde;
        var rD = document.createElement('span');
        rD.innerHTML="ruc";
        var tD = document.createElement('p');
        tD.innerHTML = "HEADER";
        doc.appendChild(rD);
        doc.appendChild(tD);
        div.appendChild(logo);
        div.appendChild(datos);
        div.appendChild(doc);
        document.getElementById('cabecera').innerHTML = div;
    }

Answer 1

div.innerHTML = logo + datos + div; 是问题

1）您不能对html元素求和2）相反， + div是+ doc

 function Modelo1(){ var div=document.createElement('div'); var logo = document.createElement('img'); logo.height=80; logo.width=250; logo.src="persona-5-listing-thumb-01-ps4-us-30jun16.png"; var datos= document.createElement('div'); var ruc = document.createElement('span'); var dir = document.createElement('span'); var tel = document.createElement('span'); ruc.innerHTML = "RUC: "; dir.innerHTML = "dirección aca"; tel.innerHTML = "Telefono: "; datos.appendChild(ruc); datos.appendChild(dir); datos.appendChild(tel); var doc=document.createElement('div'); doc.border="2px solid black"; var rD = document.createElement('span'); rD.innerHTML="ruc"; var tD = document.createElement('p'); tD.innerHTML = "HEADER"; doc.appendChild(rD); doc.appendChild(tD); div.appendChild(logo) div.appendChild(datos) div.appendChild(doc) document.getElementById('cabecera').appendChild(div); } Modelo1() 

 <header id="cabecera"></header>