追加子项正在打印[object Object]而不是内容

Question

我正在尝试附加一个孩子，这恰好是lista4的内容，但它仅打印[object object]。 当我管理日志lista4时，我得到了全部信息（我真正想要的） 我认为这与lista4是一个对象这一事实有关，我必须将其“翻译”为文本。 你能告诉我怎么做吗？ 谢谢。

let lista4 = {  
        nombre: "Pablo", 
        apellido: "Rocho", 
        direccion: {
              ciudad: "Buenos Aires",
              pais: "Argentina"
        }
}

let campo = document.createElement("div")
campo.innerText = lista4
document.body.appendChild(campo)

我希望获得lista4的全部内容，但是我得到[对象对象]

Answer 1

您需要使用JSON.stringify，否则将调用toString方法（结果为[object Object]。

let lista4 = {
  nombre: "Pablo",
  apellido: "Rocho",
  direccion: {
    ciudad: "Buenos Aires",
    pais: "Argentina"
  }
};

let campo = document.createElement("div")
campo.innerText = JSON.stringify(lista4);
document.body.appendChild(campo)