Dom实操(第二十二课)表格静态创建到动态创建的过程
Dom实操(第二十二课) 对表格对象的创建 CRUP
这篇文章我们要实现的功能如下 只有你想不到没有技术完成不了的数据
对表格数据从静态创建到动态创建的过程 同样这个属于实操
表格一
针对上面出现的问题你该如何解决
静态创建表格对数据进行修改 删除
表格的增删改查
操作表格的属性信息学习
编号
书名
作者
价格
购买数量
操作
1
java从入门到放弃
wollow
45.78$
3
2
Spring入门到放弃
乱码
90$
8
3
SpringBoot入门到放弃
从容
90$
5
4
MysQL的数据库
orlaio
90$
3
表格二
这个表格是便于初学者理解的信息
Document
0
1
2
3
4
5
6
7
8
编号
姓名
年龄
性别
身高
体重
QQ号
技能
操作
请问下面的数据是不是好像呀
// 数组中套用对象 创建模拟数据八条
var arr = [
{
id:'1',
name: '小鸡不好了',
age: 23,
sex:'男',
height:'168'+"cm",
weight:'107'+"kg",
QQ:'2609875643',
skills: '吃饭'
},
{
id:'2',
name: '小贵',
age: 18,
sex:'男',
height:'178'+"cm",
weight:'127'+"kg",
QQ:'2679875643',
skills: '吃饭'
},
{
id:'3',
name: '自由是哪里',
age: 18,
sex:'女',
height:'178'+"cm",
weight:'127'+"kg",
QQ:'2679875643',
skills: '吃饭'
},
{
id:'4',
name: '小小',
age: 17,
sex:'男',
height:'178'+"cm",
weight:'117'+"kg",
QQ:'2679834643',
skills: '王者'
},
{
id:'5',
name: '苹果',
age: 18,
sex:'男',
height:'178'+"cm",
weight:'127'+"kg",
QQ:'2679875643',
skills: '吃鸡'
},
{
id:'6',
name: 'SpruingBoot',
age: 18,
sex:'男',
height:'178'+"cm",
weight:'127'+"kg",
QQ:'2679875643',
skills: '后端开发'
},
{
id:'7',
name: 'JavaScript',
age: 18,
sex:'男',
height:'178'+"cm",
weight:'127'+"kg",
QQ:'2679875643',
skills: '通吃'
},
{
id:'8',
name: 'HelloWorld',
age: 28,
sex:'女',
height:'179'+"cm",
weight:'157'+"kg",
QQ:'2679475643',
skills: '睡觉人'
}
]表格三
这个表格是我用JavaScript动态创建出来的
表格四
表格的增删改查
ID
name
age
change
delete
表格五
成绩管理
学生成绩管理
学生成绩信息统计表
学号
姓名
英语
高数
C语言
动态脚本
数据结构
总分
删除