getJSON div更改在控制台中工作，但不在网页中

Question

所以这是我的问题。我正在尝试从网页中提取特定元素，并在产品div中显示该信息。这是我目前使用的代码。

<div id="heres">fd</div>

---

$.getJSON("https://productinfo.com/api/product", function (el) {
    document.getElementById("heres").innerHTML = "Product price: " + el.price;
});

这在控制台中工作正常（div在代码运行后大约一秒钟更改），但我根本无法让它在网页代码中工作。那里发生了什么？我不是一个非常好的编码器，但我认为代码非常可靠，所以我很困惑。任何帮助表示赞赏！ ：）

Answer 1

试试这个：

  $(document).ready(function() { 
     $.getJSON("https://productinfo.com/api/product", function (el) { document.getElementById("heres").innerHTML = "Product price: " + el.price; 
  }); 
 });