首页 前端知识 html用列表渲染指令完成如下学生列表

html用列表渲染指令完成如下学生列表

2024-04-16 18:04:14 前端知识 前端哥 400 107 我要收藏
```html Student List

Student Listh1>
    const students = [ { name: 'Alice', age: 20, grade: 'A' { name: 'Bob', age: 22, grade 'B' }, { name: 'Charlie', age: 21, grade:A' }, { name: 'David age: 23, grade: 'B']; const studentList = document.getElementById('student'); students.forEach(student => { const li document.createElement('li'); li.textContent = `${student.name} - Age: ${student.age},: ${student.grade}`; studentList.appendChild(li); }); ``` 该代码会生成一个学列表,包含了4个学生信息:姓名、年龄和成绩。通过使用JavaScript中的forEach方法来遍历学生数组,并将每个学生信息添加到一个无序列表中显示来。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5080.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!