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实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
JavaScript处理解析JSON数据过程详解
Sep 11 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
JavaScript实现简单计时器
Jun 22 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框架Phpbean说明
2008/01/10 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
2019/11/07 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
js实现随机抽奖
2020/03/19 Javascript
js实现小星星游戏
2020/03/23 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
Python global全局变量函数详解
2018/09/18 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
Omio英国:搜索并比较便宜的巴士、火车和飞机
2019/08/27 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
计算机专业毕业生自荐信
2013/12/31 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
检讨书范文
2015/01/27 职场文书
教师求职简历自我评价
2015/03/10 职场文书
Pygame Event事件模块的详细示例
2021/11/17 Python
5道关于python基础 while循环练习题
2021/11/27 Python
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang