返回列表 发新帖

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

101.6k 6
swmozowtfl 发表于 2015-7-9 23:15:29|湖北 | 查看全部 阅读模式
本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:
& Y6 ?; e( Q: f4 d, H下面的js代码通过表格对象的border属性修改表格边框宽度& A  @7 t- c. A
<!doctype html>6 }- J. |" H5 g( P* O1 L
<html>6 n* Y$ V+ f6 M8 z$ c
<head>) k/ B. x1 d8 J' k
<script>9 S& N3 N0 P9 `  K, X
function changeborder()2 {' @- X3 r5 c4 e: U; I
{& Z$ d: h- p0 \/ k/ J+ A) n  T
document.getelementbyid('mytable').border=10;; ~6 V, D8 {& d* B; W+ T
}
9 K% t& O7 i, j5 e! N8 Q</script>
# W; Z7 f' w% C- A</head>
5 `1 |* c$ U6 a1 e: _" n. h<body>* |& E- q0 x  v8 G2 B. F
<table border=1 id=mytable>* h6 b) }9 \0 H
<tr>
. m/ r1 \8 o7 `/ J+ o* ^<td>100</td>* z4 N/ \% g9 `# M) a0 c
<td>200</td>
* A& K# t1 K# V# z</tr>4 ^$ l3 b2 @1 q) @' l7 l% V
<tr>8 r: L9 r- B# Q/ J+ t; I. y
<td>300</td>
# q" s8 x5 t* _) T1 k<td>400</td>- p, _6 \  m8 T7 T
</tr>
+ ~5 `9 e3 ?" K3 U$ a% e5 w. {# ^</table>: }  ?; {' c& z% o+ U+ Q  K
<br>. ^4 w" U1 i0 }. O# N
<input type=button onclick=changeborder()) [4 d* q# T; D
value=change border>, P* Y. L& I0 |6 L0 }
</body>
( X! |; C5 i6 Y8 h6 b</html>4 c  }% y, O' c% L

4 @" x1 I2 X* T/ _  i9 \0 I" G更多网页制作信息请查看: 网页制作

回复|共 6 个

mwxny 发表于 2016-2-2 17:44:32|法国 | 查看全部
哥们,给我做个链接吧
effoggikeftor 发表于 2016-2-2 17:44:33|美国 | 查看全部
这话从何说起那~~~
mwxny 发表于 2016-2-22 16:23:17|美国 | 查看全部
什么什么啊??
Mqokjdvq 发表于 2016-2-22 16:23:27|美国 | 查看全部
真是天底下好事多多
wwdu926a 发表于 2016-2-22 16:24:02|INNA | 查看全部
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
Acropozelan 发表于 2016-2-22 16:24:39|美国 | 查看全部
有现实中的偶在这...不佩服.............佩服电影里的....

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 站长技术交流论坛|互联网技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表