编程 Javascript

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程序设计有所帮助。

JS动态改变表格边框宽度的方法

- Author -

欧阳不疯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

返回对象在当前级别中是第几个元素的实现代码

Jan 20 Javascript

JS前端框架关于重构的失败经验分享

Mar 17 Javascript

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

Dec 11 Javascript

javascript实现的全国省市县无刷新多级关联菜单效果代码

Aug 01 Javascript

利用Node.JS实现邮件发送功能

Oct 21 Javascript

jQuery向webApi提交post json数据

Jan 16 Javascript

jquery滚动条插件slimScroll使用方法

Feb 09 Javascript

js原生Ajax的封装和原理详解

Mar 11 Javascript

Vue2.0实现将页面中表格数据导出excel的实例

Aug 09 Javascript

用原生 JS 实现 innerHTML 功能实例详解

Apr 03 Javascript

Vue-input框checkbox强制刷新问题

Apr 18 Javascript

使用webpack搭建vue环境的教程详解

Dec 31 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实现文件下载简单示例(代码实现文件下载)

2014/03/10 PHP

PHP标准类(stdclass)用法示例

2016/09/28 PHP

php结合ajax实现手机发红包的案例

2016/10/13 PHP

php基于PDO实现功能强大的MYSQL封装类实例

2017/02/27 PHP

php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名

2017/05/26 PHP

laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子

2019/11/14 PHP

基于Jquery实现的一个图片滚动切换

2012/06/21 Javascript

js+csss实现的一个带复选框的下拉框

2014/09/29 Javascript

JavaScript lastIndexOf方法入门实例（计算指定字符在字符串中最后一次出现的位置）

2014/10/17 Javascript

javascript框架设计读书笔记之种子模块

2014/12/02 Javascript

JavaScript中定义函数的三种方法

2015/03/12 Javascript

JavaScript数据库TaffyDB用法实例分析

2015/07/27 Javascript

jquery实现无刷新验证码的简单实例

2016/05/19 Javascript

jQuery实现一个简单的轮播图

2017/02/19 Javascript

详解webpack+angular2开发环境搭建

2017/06/28 Javascript

Angular 2 利用Router事件和Title实现动态页面标题的方法

2017/08/23 Javascript

Node.js静态服务器的实现方法

2018/02/28 Javascript

NodeJs 实现简单WebSocket即时通讯的示例代码

2019/08/05 NodeJs

layui的select联动实现代码

2019/09/28 Javascript

vue实现评论列表功能

2019/10/25 Javascript

关于Vue中$refs的探索浅析

2020/11/05 Javascript

Vue项目打包部署到apache服务器的方法步骤

2021/02/01 Vue.js

[03:17]史诗级大片应援2018DOTA2国际邀请赛致敬每一位坚守遗迹的勇士

2018/07/20 DOTA

python getopt详解及简单实例

2016/12/30 Python

python 专题九 Mysql数据库编程基础知识

2017/03/16 Python

Python数字图像处理之霍夫线变换实现详解

2018/01/12 Python

Python框架Flask的基本数据库操作方法分析

2018/07/13 Python

浅谈django orm 优化

2018/08/18 Python

浅析python3字符串格式化format()函数的简单用法

2018/12/07 Python

在Pycharm中调试Django项目程序的操作方法

2019/07/17 Python

Python semaphore evevt生产者消费者模型原理解析

2020/03/18 Python

Python实现爬取并分析电商评论

2020/06/19 Python

python实现sm2和sm4国密(国家商用密码)算法的示例

2020/09/26 Python

纯CSS实现预加载动画效果

2017/09/06 HTML / CSS

英国赛车、汽车改装和摩托车零件购物网站：Demon Tweeks

2018/10/29 全球购物

反邪教教育心得体会

2016/01/15 职场文书