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

让alert不出现弹窗的两种方法

May 18 Javascript

JQuery中使用ajax传输超大数据的解决方法

Jul 14 Javascript

jQuery实现鼠标滚动图片延迟加载效果附源码下载

Jun 28 Javascript

AngularJS 视图详解及示例代码

Aug 17 Javascript

用js写的一个路由(简单实例)

Sep 24 Javascript

jQuery源码解读之extend()与工具方法、实例方法详解

Mar 30 jQuery

史上最全JavaScript数组去重的十种方法（推荐）

Aug 17 Javascript

基于jQuery ztree实现表格风格的树状结构

Aug 31 jQuery

微信小程序用户位置权限的获取方法（拒绝后提醒）

Nov 15 Javascript

使用RxJS更优雅地进行定时请求详析

Jun 02 Javascript

layui checkbox默认选中,获取选中值,清空所有选中项的例子

Sep 02 Javascript

vue使用exif获取图片经纬度的示例代码

Dec 11 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

咖啡历史、消费和行业趋势

2021/03/03 咖啡文化

php初始化对象和析构函数的简单实例

2014/03/11 PHP

使用PHP处理数据库数据如何将数据返回客户端并显示当前状态

2016/02/16 PHP

php微信公众平台交互与接口详解

2016/11/28 PHP

如何离线执行php任务

2017/02/21 PHP

ThinkPHP 3使用OSS的方法

2018/07/19 PHP

tp5框架内使用tp3.2分页的方法分析

2019/05/05 PHP

根据地区不同显示时间的javascript代码

2007/08/13 Javascript

IE与Firefox在JavaScript上的7个不同句法分享

2011/10/30 Javascript

解读JavaScript中 For, While与递归的用法

2013/05/07 Javascript

javascript同步服务器时间和同步倒计时小技巧

2015/09/24 Javascript

基于javascript代码实现通过点击图片显示原图片

2015/11/29 Javascript

最实用的jQuery分页插件

2016/10/09 Javascript

Bootstrap里的文件分别代表什么意思及其引用方法

2017/05/01 Javascript

Textarea输入字数限制实例(兼容iOS&安卓)

2017/07/06 Javascript

浅析webpack 如何优雅的使用tree-shaking（摇树优化）

2017/08/16 Javascript

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

2018/07/19 Javascript

NodeJS如何实现同步的方法示例

2018/08/24 NodeJs

javascript严格模式详解（含严格模式与非严格模式的区别）

2019/11/12 Javascript

微信小程序激励式视频广告组件使用详解

2019/12/06 Javascript

JS基础之逻辑结构与循环操作示例

2020/01/19 Javascript

JS实现碰撞检测效果

2020/03/12 Javascript

vue v-on:click传递动态参数的步骤

2020/09/11 Javascript

用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动

2015/11/05 Python

Python requests模块实例用法

2019/02/11 Python

使用Python进行防病毒免杀解析

2019/12/13 Python

Pycharm最常用的快捷键及使用技巧

2020/03/05 Python

Python如何实现感知器的逻辑电路

2020/12/25 Python

Python使用openpyxl复制整张sheet

2021/03/24 Python

机械专业应届生求职信

2013/09/21 职场文书

便利店投资创业计划书

2014/02/08 职场文书

党支部班子“四风”问题自我剖析材料

2014/09/28 职场文书

邀请书格式范文

2015/02/02 职场文书

项目负责人岗位职责

2015/02/15 职场文书

新人入职感言

2015/07/31 职场文书

导游词之徐州云龙湖

2019/11/19 职场文书