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 相关文章推荐
js遍历td tr等html元素
Dec 13 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
深入浅析JavaScript中对事件的三种监听方式
Sep 29 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
原生js实现图片轮播特效
Dec 18 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
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
3.从实例开始
2006/10/09 PHP
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
JS运动特效之链式运动分析
2018/01/24 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
wxPython中文教程入门实例
2014/06/09 Python
Python挑选文件夹里宽大于300图片的方法
2015/03/05 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
综合测评自我鉴定
2013/10/08 职场文书
致百米运动员广播稿
2014/01/29 职场文书
运动会广播稿20字
2014/02/18 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
作风转变年心得体会
2014/10/22 职场文书
十一月早安语录:把心放轻,人生就是一朵自在的云
2019/11/04 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技