首页使用array对象储存5位学员的姓名,并在网页中输出

使用array对象储存5位学员的姓名,并在网页中输出

时间: 2024-03-12 20:50:14 浏览: 19

好的，以下是使用 JavaScript 中的 array 对象储存5位学员姓名并在 HTML 网页中输出的代码示例： ```html <!DOCTYPE html> <html> <head> <title>学员姓名</title> </head> <body> <h1>学员姓名</h1> <ul id="names"></ul> <script> // 创建一个包含5位学员姓名的数组 var names = ["张三", "李四", "王五", "赵六", "钱七"]; // 获取 <ul> 元素 var ul = document.getElementById("names"); // 遍历数组并将每个元素添加到 <ul> 中作为一个 <li> 元素 for (var i = 0; i < names.length; i++) { var li = document.createElement("li"); li.appendChild(document.createTextNode(names[i])); ul.appendChild(li); } </script> </body> </html> ``` 以上代码将在网页中输出一个标题为“学员姓名”的 `<h1>` 元素和一个包含5位学员姓名的无序列表 `<ul>` 元素。在 JavaScript 中创建一个包含5位学员姓名的数组 `names`，然后通过 `for` 循环遍历数组，将每个元素作为一个 `<li>` 元素添加到 `<ul>` 中，并在每个 `<li>` 元素中添加相应的学员姓名。