您的位置首页生活百科

table对象怎么用cellspacing属性

table对象怎么用cellspacing属性

的有关信息介绍如下:

table对象怎么用cellspacing属性

table对象cellSpacing属性是设置或返回table表格中单元格之间的距离,可以在table标签中添加cellspacing,也可以在js中设置单元格自检的距离

创建一个名称为 table_cellspacing 的html文件

添加一个 table表格对象,添加单元格和单元格内容, 设置id为 my_table_id_cellspacing,添加border属性设置值为1,添加cellspacing属性设置值为10

打开table_cellspacing文件,会看到table表格的单元格直接的距离为10

添加一个button按钮,在button的click点击事件中加入自定义函数名称为my_table_cellspacing,当点击button的时候会触发my_table_cellspacing自定义函数设置table单元格之间的距离

,添加一个p标签,设置p标签id 为 show_table_cellspacing,会显示设置cellspacing后返回的结果。

在javascript中创建一个自定义函数,函数名称为 my_table_cellspacing

在自定义函数中数通过表格id获取 table表格对象。用 cellspacing 属性设置表格的单元格之间的距离为20,将设置返回结果直接赋值到obj_i_table_cellspacing变量中,将返回结果加到p标签中显示。

在浏览器中打开文件table_cellspacing,点击button查看设置单元格距离的效果