JS动态修改表格cellPadding和cellSpacing的方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距

<!DOCTYPE html>
<html>
<head>
<script>
function padding()
{
document.getElementById('myTable').cellPadding="15";
}
function spacing()
{
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="padding()"
value="Change Cellpadding">
<input type="button" onclick="spacing()"
value="Change Cellspacing">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
javascript+canvas制作九宫格小程序
Dec 28 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
AngularJS表单提交实例详解
Feb 18 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 Javascript
js实现的牛顿摆效果
Mar 31 #Javascript
JS动态显示表格上下frame的方法
Mar 31 #Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 #Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 #Javascript
JS显示表格内指定行html代码的方法
Mar 31 #Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 #Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 #Javascript
You might like
PHP调用三种数据库的方法(1)
2006/10/09 PHP
PHP 输出缓存详解
2009/06/20 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
AngularJS获取json数据的方法详解
2017/05/27 Javascript
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
Python中的类学习笔记
2014/09/23 Python
python实现kNN算法
2017/12/20 Python
python中的常量和变量代码详解
2018/07/25 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
Django REST framework 视图和路由详解
2019/07/19 Python
如何基于python生成list的所有的子集
2019/11/11 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
python 实现波浪滤镜特效
2020/12/02 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
大学生个人总结范文
2015/02/15 职场文书
复兴之路观后感
2015/06/02 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技