编程 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 相关文章推荐

Fastest way to build an HTML string(拼装html字符串的最快方法)

Aug 20 Javascript

js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解

Nov 05 Javascript

jquery遍历数组与筛选数组的方法

Nov 05 Javascript

JS嵌套函数调用上下文的问题解决

Mar 26 Javascript

java和javascript获取word文档的书签位置对比

Jun 19 Javascript

JavaScript获得页面base标签中url的方法

Apr 03 Javascript

JS实现的论坛Ajax打分效果完整实例

Oct 31 Javascript

在JavaScript中使用JSON数据

Feb 15 Javascript

Bootstrap基本插件学习笔记之按钮(21)

Dec 08 Javascript

JS声明对象时属性名加引号与不加引号的问题及解决方法

Feb 16 Javascript

Node.js搭建WEB服务器的示例代码

Aug 15 Javascript

vue项目从node8.x升级到12.x后的问题解决

Oct 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

动易数据转成dedecms的php程序

2007/04/07 PHP

php读取远程gzip压缩网页的方法

2014/12/29 PHP

php实现专业获取网站SEO信息类实例

2015/04/02 PHP

PHP版单点登陆实现方案的实例

2016/11/17 PHP

Yii2中使用asset压缩js,css文件的方法

2016/11/24 PHP

基于PHP实现堆排序原理及实例详解

2020/06/19 PHP

javascript 强制刷新页面的实现代码

2009/12/13 Javascript

基于jQuery的遍历同id元素并响应事件的代码

2012/06/14 Javascript

js中arguments,caller,callee,apply的用法小结

2014/01/28 Javascript

jQuery实现带延迟的二级tab切换下拉列表效果

2015/09/01 Javascript

jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】

2016/09/14 Javascript

微信小程序生命周期和页面的生命周期详细介绍

2017/01/19 Javascript

Angularjs上传图片实例详解

2017/08/06 Javascript

安装vue-cli的简易过程

2018/05/22 Javascript

js canvas实现写字动画效果

2018/11/30 Javascript

vue 插件的方法代码详解

2019/06/06 Javascript

Echarts实现单条折线可拖拽效果

2019/12/19 Javascript

JavaScript 俄罗斯方块游戏实现方法与代码解释

2020/04/08 Javascript

js获取图片的base64编码并压缩

2020/12/05 Javascript

[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅

2014/07/21 DOTA

python 获取et和excel的版本号

2009/04/09 Python

python删除本地夹里重复文件的方法

2020/11/19 Python

对Pyhon实现静态变量全局变量的方法详解

2019/01/11 Python

python实现高斯投影正反算方式

2020/01/17 Python

使用Python操作MySQL的小技巧

2020/09/10 Python

Python实现列表索引批量删除的5种方法

2020/11/16 Python

python绘制汉诺塔

2021/03/01 Python

全球独特生活方式产品和礼品购物网站：AHAlife

2018/09/18 全球购物

Myprotein意大利官网：欧洲第一运动营养品牌

2018/11/22 全球购物

大学竞选班长演讲稿

2014/04/24 职场文书

计算机专业自荐信范文

2014/05/28 职场文书

法制宣传标语

2014/06/23 职场文书

信贷客户经理岗位职责

2015/04/09 职场文书

新学期开学标语2015

2015/07/16 职场文书

企业法律事务工作总结

2015/08/11 职场文书

spring cloud 配置中心客户端启动遇到的问题

2021/09/25 Java/Android