JS动态改变表格边框宽度的方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了JS动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过表格对象的border属性修改表格边框宽度

<!DOCTYPE html>
<html>
<head>
<script>
function changeBorder()
{
document.getElementById('myTable').border="10";
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="changeBorder()"
value="Change Border">
</body>
</html>

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

Javascript 相关文章推荐
怎么用javascript进行拖拽
Jul 20 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
javascript事件模型代码
Jul 01 Javascript
JavaScript delete操作符应用实例
Jan 13 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
Javascript模块化编程详解
Dec 01 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
js获取浏览器地址(获取第1个斜杠后的内容)
Sep 03 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
60行js代码实现俄罗斯方块
Mar 31 #Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 #Javascript
js实现的牛顿摆效果
Mar 31 #Javascript
JS动态显示表格上下frame的方法
Mar 31 #Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 #Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 #Javascript
JS显示表格内指定行html代码的方法
Mar 31 #Javascript
You might like
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php实现无限级分类
2014/12/24 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
JS打印彩色菱形的实例代码
2018/08/15 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
跟老齐学Python之集合的关系
2014/09/24 Python
Python中用Spark模块的使用教程
2015/04/13 Python
在Python中定义一个常量的方法
2018/11/10 Python
关于Python作用域自学总结
2019/06/10 Python
Python: 传递列表副本方式
2019/12/19 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
小学课外活动总结
2014/07/09 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL
Python实现学生管理系统并生成exe可执行文件详解流程
2022/01/22 Python