javascript - 在嵌套元素生成javascript时出错

Question

我想用 js 函数更改 div 上的默认 header ，但在我的代码的最终结果之后是文本 [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>