迭代JavaScript对象并在html正文中显示

时间:2018-03-09 01:17:32

标签: javascript loops object dom

我一直在研究这个问题。我的问题是如何让这个循环打印到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>

1 个答案:

答案 0 :(得分:0)

append()是你的朋友。

<start>
<start.1 StartType="Name1">Value1<start1>
<start.1 StartType="Name1">Value2<start1>
<start.1 StartType="Name1">Value3<start1>
<start.1 StartType="Name1">Value4<start1>
</start>