博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式
阅读量:4619 次
发布时间:2019-06-09

本文共 1893 字,大约阅读时间需要 6 分钟。

一:用最底层的方式,该方式用来创建别的对象树也可以

代码演示:

      DHTML技术演示---表格创建--用最底层的方式,其实该方式用来创建别的对象树也可以    

360浏览器8.1 演示结果:

点击按钮:就创建一个表格:

二、表格创建–用table对象和tr对象中现有的方法来操纵表格

代码演示:

      DHTML技术演示---表格创建--用table对象和tr对象中现有的方法来操纵表格    
行数:    列数:

删除前面由用户指定行列号方式创建的表格

行号:    列号:

360浏览器8.1 演示结果:

创建一个9行9列的表格,然后删除了第二行和第二列

三、表格中页面中的显示操纵–行间隔高亮显示

代码演示:

      DHTML技术演示---表格中页面中的显示操纵--行间隔高亮显示    
姓名 年龄 地址
张三 23 湖南长沙
李四 23 湖南长沙
王五 23 湖南长沙
Jack 23 湖南长沙
Rose 23 湖南长沙
Jack 23 湖南长沙
Rose 23 湖南长沙
Jack 23 湖南长沙
Rose 23 湖南长沙

table.css:

table {    border:#ff80ff 1px solid;    /*solid  :  实线边框 */    width:800px;    border-collapse:collapse;    /*separate  :  默认值。边框独立(标准HTML)     collapse  :  相邻边被合并     */  }table td{
/*table 下面的td*/ border:#0000ff 1px solid; padding:5px;/*内补丁*/}table th{ border:#ff80ff 1px solid; padding:5px; background-color:#c0c0c0;}

360浏览器8.1 演示结果:

转载于:https://www.cnblogs.com/webmen/p/5739124.html

你可能感兴趣的文章
Scrapy源代码分析-经常使用的爬虫类-CrawlSpider(三)
查看>>
ZOJ Problem Set - 3820 Building Fire Stations 【树的直径 + 操作 】
查看>>
Tomcat 隐藏Server Name
查看>>
hdu 1285 确定比赛名次
查看>>
docker init 起步
查看>>
一条条的(可以预览的幻灯片、sms)
查看>>
一条条的(生产支援)
查看>>
TF-IDF 简介
查看>>
Ubuntu安装GitLab
查看>>
JS生成二维码
查看>>
Android 中的一些Manager
查看>>
halcon读取一张照片,并转化为灰度图像
查看>>
35岁前成功的12条黄金法则 三0七法则
查看>>
手机常用屏幕分辨率及材质名词解释
查看>>
Java 处理 XML 的三种主流技术及介绍
查看>>
nodejs框架express4.2 简单入门
查看>>
java exec python program
查看>>
windows防火墙命令详解
查看>>
【分治】简单说说快排
查看>>
A1117.Eddington Number
查看>>