使用array对象储存5位学员的姓名,并在网页中输出
时间: 2024-02-13 21:01:20 浏览: 24
好的,以下是使用 JavaScript 中的 array 对象储存 5 位学员的姓名,并在网页中输出的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学员姓名列表</title>
</head>
<body>
<h1>学员姓名列表</h1>
<ul id="nameList"></ul>
<script>
// 定义一个存储学员姓名的数组
var students = ["张三", "李四", "王五", "赵六", "陈七"];
// 遍历数组,将每个学员姓名添加到页面的列表中
for (var i = 0; i < students.length; i++) {
var li = document.createElement("li");
li.textContent = students[i];
document.getElementById("nameList").appendChild(li);
}
</script>
</body>
</html>
```
在上述代码中,我们定义了一个名为 `students` 的数组,其中包含了 5 个学员的姓名。然后,我们使用 for 循环遍历数组,将每个学员姓名添加到页面的列表中。最终,页面会显示出一个包含了 5 个学员姓名的列表。
相关问题
使用array对象储存5位学员的姓名,并在网页中输出,写一个源代码
好的,以下是一个使用 `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` 方法为每个学员创建一个列表项,并将其添加到列表中。
使用array对象储存5位学员的姓名,并在网页中输出,写一个简单的源代码
好的,以下是一个简单的源代码示例,可以将5个学员姓名存储到数组中,并将其输出到网页上:
```html
<!DOCTYPE html>
<html>
<head>
<title>学员名单</title>
<meta charset="utf-8">
</head>
<body>
<h1>学员名单</h1>
<p id="student-list"></p>
<script>
var students = ["Tom", "Jerry", "Mickey", "Minnie", "Donald"];
var studentList = document.getElementById("student-list");
studentList.innerHTML = students.join(", ");
</script>
</body>
</html>
```
在上面的代码中,我们首先创建了一个包含5个学员姓名的数组 `students`,然后通过 `document.getElementById()` 方法获取页面上的一个 `<p>` 元素,并将其赋值给变量 `studentList`。接着,我们使用 `join()` 方法将 `students` 数组中的元素用逗号分隔,最后将结果赋值给 `studentList.innerHTML` 属性,从而在页面上显示出所有学员的姓名。