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 Event对象详解及使用示例
Nov 22 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
Jun 05 Javascript
jquery延迟对象解析
Oct 26 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 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中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
PHP中mysqli_affected_rows作用行数返回值分析
2014/12/26 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
javascript GUID生成器实现代码
2009/10/31 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
2018/03/09 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
Django REST framework视图的用法
2019/01/16 Python
python通过移动端访问查看电脑界面
2020/01/06 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
PHP两种查询函数array/row的区别
2013/06/03 面试题
《雨点儿》教学反思
2014/04/14 职场文书
责任书范本
2014/08/25 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
小学生读书笔记
2015/07/01 职场文书
导游词之岳阳楼
2019/09/25 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
Python的三个重要函数详解
2022/01/18 Python
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android