javascript - 将 JSON 数据打印到 HTML div？

Question

所以我的控制台日志正确显示了所有信息，所以我知道我的代码工作，但现在我想将数据输出到我的 HTML 中的某个 div 以显示正在播放的播放列表的歌曲。如何将 JSON 数据从 sound[i​​].title 打印到 div？

widget.bind(SC.Widget.Events.PAUSE, function(){
    $("#{STORIES.story_id}6 :image").removeClass('buyy')
        .removeClass('buyyy')
        .addClass('buy');

    widget.getSounds(function(sound) {
        var a = sound.length;
        for(var i=0; i<a; i++){
            console.log(sound[i].title);
        }
    });
});

Answer 1

缺少关于您实际希望将数据放在 DOM 树中何处的任何信息......

$('#someElement').append($('<div>', {text: sound[i].title }));

Answer 2

在许多现代浏览器中，使用 jQuery，您可以执行以下操作：

$('#myDiv').text(JSON.stringify(myJson));

此外，如果您希望格式化 JSON，您可以使用：

JSON.stringify(myJson, undefined, 2);
// JSON -------^       ^          ^
// no filter ----------^          ^
// indent two spaces -------------^

Answer 3

像这样的东西

 <script type="text/javascript">
  //stuff and more stuff//

   for(var i=0; i<a; i++){
      document.getElementById('myList').append= sound[i].title+', ';
    }

</script>
<p>My playlist: <span id='myList'>Empty</span> </p>