Javascript 从JS文件打印有序列表_Javascript_Html

Javascript 从JS文件打印有序列表

javascript html

Javascript 从JS文件打印有序列表,javascript,html,Javascript,Html,我有一个包含以下数组的js文件 var fruits = [ "Apples","Oranges","Pears","Grapes","Pineapples","Mangos" ]; 在我的HTML文件中，我想创建一个容器，并将一个包含数组中所有水果的有序列表写入我刚刚创建的容器，但是我遇到了严重的问题，我找不到太多在线帮助。我是个初学者，这就是我所拥有的 <div class = "container1"> </div> <h3>Fruits</h

我有一个包含以下数组的js文件

var fruits = [ "Apples","Oranges","Pears","Grapes","Pineapples","Mangos" ];

在我的HTML文件中，我想创建一个容器，并将一个包含数组中所有水果的有序列表写入我刚刚创建的容器，但是我遇到了严重的问题，我找不到太多在线帮助。我是个初学者，这就是我所拥有的

<div class = "container1">
</div>

<h3>Fruits</h3>
<html>
    <head>
       <script src="Web Programming/Assignments/Assignment #3/assignment3/list.js"></script>
    </head>
    <body>
        <div container1= "fruits"></div>
    </body>


水果

您应该给元素一个id，您的自定义html属性可以作为选择器，但典型的方式是id。然后您可以简单地在循环中创建一些元素，为它们提供元素的文本内容：

var fruits=[“苹果”、“橙子”、“梨”、“葡萄”、“菠萝”、“芒果”]；
var el=document.getElementById（'fruits'）；
var ol=document.createElement（'ol'）；
el.儿童（ol）；
水果。forEach（功能（水果）{
var f=document.createElement（'li'）；
f、 appendChild（document.createTextNode（fruit））；
其他儿童（f）；
});
首先将脚本包含在html文件中。在身体的底部
提供您的容器id或您喜欢的容器
代码是这样的：
var arrayFruits = ["bananas", "apples", "etc"];

var container = document.getElementById("container"); 

for (var i = 0; i < arrayFruits.length; i++) {
  var list = document.createElement("li");
  list.innerHTML = arrayFruits[i];
  container.appendChild(list);
}

var arrayFruits=[“香蕉”、“苹果”等]；
var container=document.getElementById（“容器”）；
对于（变量i=0；i
添加您使用的javascript为什么在标签上方有项目？你的收尾标签在哪里？这是一个调试网站，我们不是来做你的“网络编程作业3”的。它的代码很长，我只抓到了一个片段