实现
方式一
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<p id="demo"></p>
</head>
<body>
<script>
var myObject, i,x="";
myObject={
"name":"网站",
"num":3,
"site":[
{"name":"Google","info":["Android","Google搜索","Google翻译"]},
{"name":"Runoob","info":["菜鸟教程","菜鸟工具","菜鸟微信"]},
{"name":"Taobao","info":["淘宝","网购"]}
]
};
for(i in myObject.site){
x+="<h1>"+myObject.site[i].name+"</h1>";
for(j in myObject.site[i].info){
x+=myObject.site[i].info[j]+"<br>"
}
}
document.getElementById("demo").innerHTML=x;
</script>
</body>
</html>
方式二
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<p id="demo"></p>
</head>
<body>
<script>
var myObject, i,x="";
myObject={
"name":"网站",
"num":3,
"site":[
{"name":"Google","info":["Android","Google搜索","Google翻译"]},
{"name":"Runoob","info":["菜鸟教程","菜鸟工具","菜鸟微信"]},
{"name":"Taobao","info":["淘宝","网购"]}
]
};
for(i=0;i<myObject.site.length;i++){
x+="<h1>"+myObject.site[i].name+"</h1>";
for(j=0;j<myObject.site[i].info.length;j++){
x+=myObject.site[i].info[j]+"<br>"
}
}
document.getElementById("demo").innerHTML=x;
</script>
</body>
</html>