使用array对象储存5位学员的姓名,并在网页中输出一个名字一行,每行用横线隔开,源代码
时间: 2024-02-12 17:04:37 浏览: 23
好的,以下是使用array对象储存5位学员姓名,并在网页中输出一个名字一行,每行用横线隔开的源代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>学员姓名</title>
</head>
<body>
<script>
// 使用数组对象储存学员姓名
var students = ["张三", "李四", "王五", "赵六", "钱七"];
// 在网页中输出学员姓名
document.write("<h1>学员姓名</h1>");
for (var i = 0; i < students.length; i++) {
document.write(students[i] + "<br>");
document.write("<hr>");
}
</script>
</body>
</html>
```
运行这段代码,就可以在网页中输出以下内容:
```
学员姓名
张三
---
李四
---
王五
---
赵六
---
钱七
---
```
解释一下代码的具体实现:
- 首先,使用数组对象储存了5位学员的姓名;
- 然后,在网页中输出了一个标题“学员姓名”;
- 接着,使用for循环遍历数组对象,依次输出每位学员的姓名,并在每个姓名后面加上一个HTML换行符`<br>`,以保证每个名字独占一行;
- 最后,在每个名字的下面加上一个HTML水平线元素`<hr>`,以横线隔开每个名字。
相关问题
使用array对象储存5位学员的姓名,并在网页中输出,写一个简单的源代码,每个名字一行
好的,以下是一个简单的源代码示例,可以将5个学员姓名存储到数组中,并将其逐行输出到网页上:
```html
<!DOCTYPE html>
<html>
<head>
<title>学员名单</title>
<meta charset="utf-8">
</head>
<body>
<h1>学员名单</h1>
<ul id="student-list"></ul>
<script>
var students = ["Tom", "Jerry", "Mickey", "Minnie", "Donald"];
var studentList = document.getElementById("student-list");
for (var i = 0; i < students.length; i++) {
var li = document.createElement("li");
li.innerHTML = students[i];
studentList.appendChild(li);
}
</script>
</body>
</html>
```
在上面的代码中,我们首先创建了一个包含5个学员姓名的数组 `students`,然后通过 `document.getElementById()` 方法获取页面上的一个 `<ul>` 元素,并将其赋值给变量 `studentList`。接着,我们使用 `for` 循环遍历 `students` 数组中的每个元素,为每个元素创建一个 `<li>` 元素,并将其添加到 `studentList` 列表中。最后,我们将每个学员的姓名赋值给新创建的 `<li>` 元素的 `innerHTML` 属性,从而在页面上显示出所有学员的姓名,每个名字一行。
使用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` 方法为每个学员创建一个列表项,并将其添加到列表中。