遍历一个 JavaScript 对象并显示在 html 正文中

Question

我已经研究了很长时间。我的问题是如何让这个循环打印到 html 页面的正文？我可以 console.log 它并在控制台中显示键和属性，但是对于我的生活，我找不到将其写入我的 html 页面正文的文档。 “谷歌”给我找到了大部分展示迭代这个对象然后是console.log的页面。我想将其打印为 html。非常感谢任何帮助。

      var recipies = {

        title: "Pizza"
        , servings: 8
        , ingredients: ['Pepperoni', 'Cheese', 'Mushrooms']

    };


    /* iterate through the object and display the recipe */


    sabio.page.iterateDisplay = function (i) {

        for (var i in recipies) {
            $("body").html("<hr /><br />");
            console.log(i.toUpperCase() + ':', recipies[i]);
        }

    }

    sabio.page.iterateDisplay(recipies);

</script>

Answer 1

append() 是你的朋友。

sabio.page.iterateDisplay = function (i) {

    for (var i in recipies) {
        $("body").append("<hr /><br />");
        $("body").append(i.toUpperCase() + ':'+ recipies[i]);
    }

}