js实现表格结构

最新推荐文章于 2023-07-28 10:02:57 发布

置顶

VIP文章小欣的blogs

最新推荐文章于 2023-07-28 10:02:57 发布

阅读量1.7k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/cedricdx/article/details/89341565

版权

js实现表格

- 使用js和函数实现表格

使用js和函数实现表格

1.用js代码实现以上结构
2.用函数实现(封装)
3.思考题：
点击‘删除’按钮，删除该行

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	*{padding: 0;margin: 0;}
	table{width: 500px;margin: 50px auto;border: 1px solid gray;border-collapse: collapse;}
	tr th,tr td{line-height: 35px;border: 1px solid gray;text-align: center;}
</style>
</head>
<body>
	<script type="text/javascript">
		//1.创建表格
		var tab =document.createElement('table');
		//2.创建标题
		var cap=document.createElement('caption');
		cap.innerHTML='员工信息表';
		tab.appendChild(cap);
		//3.创建表头
		var thead=document.createElement('thead');

最低0.47元/天解锁文章

优惠劵

小欣的blogs

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js实现表格结构

js实现表格使用js和函数实现表格使用js和函数实现表格1.用js代码实现以上结构2.用函数实现(封装)3.思考题：点击‘删除’按钮，删除该行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&gt...
复制链接

扫一扫