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的面向对象(一)
Nov 09 Javascript
JavaScript中的其他对象
Jan 16 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
关于Function中的bind()示例详解
Dec 02 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 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
PHP 身份验证方面的函数
2009/10/11 PHP
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
2018/11/11 Javascript
如何从零开始手写Koa2框架
2019/03/22 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
JavaScript简单编程实例学习
2020/02/14 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
微信小程序实现签到弹窗动画
2020/09/21 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
python编写简单爬虫资料汇总
2016/03/22 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
2020/03/05 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
什么是接口(Interface)?
2013/02/01 面试题
会计师职业生涯规划范文
2014/02/18 职场文书
反四风对照检查材料思想汇报
2014/09/16 职场文书
老兵退伍标语
2014/10/07 职场文书
工作失误检讨书(经典集锦版)
2014/10/17 职场文书
出纳岗位职责
2015/01/31 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python