如何停止打印“[object Object]”而不是对象本身？

Question

我的问题可能有一个非常简单的解决方法，但我对 javascript 很陌生，似乎找不到答案。脚本如下：

var proxyUrl = 'https://cors-anywhere.herokuapp.com/',
    targetUrl = 'https://api.darksky.net/forecast/[key]/[latitude],[longitude]'
fetch(proxyUrl + targetUrl)
  .then(blob => blob.json())
  .then(data => {
    console.log(data);
    document.getElementById('weather').innerHTML = data;
  })

但是，当我运行它时，<p>元素不会更改为数据本身，而是更改为“[object Object]”我做错了什么？任何帮助表示赞赏。

PS：targetUrl变量在参数所在位置有占位符，它不会按原样运行。

Answer 1

据我了解，您正在尝试将数据打印到<p>id 为“天气”的元素中。

请替换以下行。

document.getElementById('weather').innerHTML = JSON.stringify(data);

它会工作得很好。