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 相关文章推荐
node.js中的url.format方法使用说明
Dec 10 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
Js的Array数组对象详解
Feb 22 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 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
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
随机显示经典句子或诗歌的javascript脚本
2007/08/04 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
NodeJS整合银联网关支付(DEMO)
2016/11/09 NodeJs
canvas绘制的直线动画
2017/01/23 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
jQuery中$原理实例分析
2018/08/13 jQuery
vue移动端微信授权登录插件封装的实例
2018/08/28 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
Python3.6安装及引入Requests库的实现方法
2018/01/24 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
Django中URL的参数传递的实现
2019/08/04 Python
详解Python的三种拷贝方式
2020/02/11 Python
Python换行与不换行的输出实例
2020/02/19 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
农村葬礼主持词
2014/03/31 职场文书
家长对学生的评语
2014/04/18 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
信息技术课教学反思
2016/02/23 职场文书
德生2P3收音机开箱评测
2022/04/30 无线电