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 相关文章推荐
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
Javascript类型系统之String字符串类型详解
Jun 21 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
Jan 08 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
js实现滑动进度条效果
Aug 21 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
ecshop实现smtp发送邮件
2015/02/03 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
如何在PHP中使用AES加密算法加密数据
2020/06/24 PHP
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
用js模拟struts2的多action调用示例
2014/05/19 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
微信JS-SDK选取手机照片上传功能
2017/04/21 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
vue.js 实现点击按钮动态添加li的方法
2018/09/07 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python中__call__用法实例
2014/08/29 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Pytorch之parameters的使用
2019/12/31 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
如何清空python的变量
2020/07/05 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
精彩自我鉴定
2014/01/16 职场文书
幼儿园见习报告
2014/10/30 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python