如何使用JavaScript将JSON字符串中的键和值添加到innerHTML中

Question

如何将值添加到for循环中，以便我的innerHTML同时显示键和值？ 谢谢您的帮助！

    <body>

<section>
<h2>Toppings</h2>
<ul id="toppings">    </ul>
</section>

     </body>
<script>
var myObj ={"menu": {"slice of pizza": "2.00", "toppings": {"pepperoni": ".25","meatballs": ".35", "mushrooms": ".40","olives": ".20"},"sides": {"potato salad": "1.25","hummus": "2.50","caesar salad": "3.50","garden salad": "2.25"},   "drinks": { "soda": {   "small": "1.95",  "medium": "2.20","large": "2.50" }, "juice": "2.00", "water": "1.25"}}};
var extras ="";
for(key in myObj.menu.toppings){
    if (myObj.menu.toppings.hasOwnProperty(key)) {
        extras +='<li>' +
        key + '</li>';
            }
}
var update = document.getElementById('toppings').innerHTML = extras;
</script>

</html>

Answer 1

您可以采用以下方式之一：

myObj.menu.toppings[key]

 var myObj = { "menu": { "slice of pizza": "2.00", "toppings": { "pepperoni": ".25", "meatballs": ".35", "mushrooms": ".40", "olives": ".20" }, "sides": { "potato salad": "1.25", "hummus": "2.50", "caesar salad": "3.50", "garden salad": "2.25" }, "drinks": { "soda": { "small": "1.95", "medium": "2.20", "large": "2.50" }, "juice": "2.00", "water": "1.25" } } }; var extras = ""; for (key in myObj.menu.toppings) { if (myObj.menu.toppings.hasOwnProperty(key)) { extras += '<li>' + key+':'+myObj.menu.toppings[key] + '</li>'; } } var update = document.getElementById('toppings').innerHTML = extras;

 <body> <section> <h2>Toppings</h2> <ul id="toppings"> </ul> </section> </body>

如何使用JavaScript将JSON字符串中的键和值添加到innerHTML中

问题描述

1 个解决方案

解决方案1
2 已采纳 2018-03-07 03:59:38

如何使用JavaScript将JSON字符串中的键和值添加到innerHTML中

问题描述

1 个解决方案

解决方案1 2 已采纳 2018-03-07 03:59:38

解决方案1
2 已采纳 2018-03-07 03:59:38