使用array对象储存5位学员的姓名,并在网页中输出,写一个源代码
时间: 2024-02-11 07:09:07 浏览: 38
好的,以下是一个使用 `Array` 对象存储学员姓名并在网页中输出的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>学员姓名列表</title>
</head>
<body>
<h1>学员姓名列表</h1>
<ul id="students-list"></ul>
<script>
// 使用 Array 存储学员姓名
let students = ["张三", "李四", "王五", "赵六", "钱七"];
// 获取网页中的列表元素
let listElement = document.getElementById("students-list");
// 遍历学员姓名数组,将每个学员姓名添加到列表中
students.forEach(function(name) {
let listItem = document.createElement("li");
listItem.textContent = name;
listElement.appendChild(listItem);
});
</script>
</body>
</html>
```
在这个示例中,使用 `Array` 存储了5位学员的姓名,并在网页中输出了一个有序列表,每个列表项代表一个学员。遍历学员姓名数组时,使用 `forEach` 方法为每个学员创建一个列表项,并将其添加到列表中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)