Javascript 获取一个对象数组并以选项的形式将其放置在iframe中
我正在努力获取javascript文件中的对象数组，并使用html和iframe将数组中的对象放入我网站上的选项列表中。我做了一个iframe id，但我不确定从那里去哪里，让一些东西出现在网页上 HTML代码Javascript 获取一个对象数组并以选项的形式将其放置在iframe中,javascript,html,arrays,object,iframe,Javascript,Html,Arrays,Object,Iframe,我正在努力获取javascript文件中的对象数组，并使用html和iframe将数组中的对象放入我网站上的选项列表中。我做了一个iframe id，但我不确定从那里去哪里，让一些东西出现在网页上 HTML代码 <!DOCTYPE html> <html> <head> <title>Assessed Assignment A8</title> <link rel="stylesheet" type="text/css" href
<!DOCTYPE html>
<html>
<head>
<title>Assessed Assignment A8</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="fruits.js"></script>
</head>
<body>
<iframe id="Containers"></iframe>
</body>
</html>
items = [{"title":"Apple"},{"title":"Orange"},{"title":"Pear"},{"title":"Banana"}];
<!DOCTYPE html>
<html>
<head>
<title>Assessed Assignment A8</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="fruits.js"></script>
</head>
<body>
<ul id="containers"></ul>
</body>
</html>
评估作业A8
document.addEventListener('DOMContentLoaded', function() { // wait for content to load in order to be sure you can select your dom nodes
var items = [{"title":"Apple"},{"title":"Orange"},{"title":"Pear"},{"title":"Banana"}];
var myListElement = document.getElementById('containers'); // select your DOM - list element
for (prop of items) { // traverse your object items
myListElement.innerHTML += '<li>'+prop.title+'</li>'; // add listitems containing the values from the item object
}
});
document.addEventListener（'DOMContentLoaded'，function（）{//等待内容加载，以确保可以选择dom节点
var items=[{“title”：“Apple”}、{“title”：“Orange”}、{“title”：“Pear”}、{“title”：“Banana”}]；
var myListElement=document.getElementById（'containers'）；//选择DOM-list元素
对于（道具项目）{//遍历对象项目
myListElement.innerHTML+=''+prop.title+' '；//添加包含item对象值的listitems
}
});