一:用最底层的方式,该方式用来创建别的对象树也可以
代码演示:
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;}