得知互动
标题:
js动态改变表格边框宽度的方法
[打印本页]
作者:
swmozowtfl
时间:
2015-7-9 23:15
标题:
js动态改变表格边框宽度的方法
本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：
# L" B; ] v- A2 x( e+ b0 v
下面的js代码通过表格对象的border属性修改表格边框宽度
5 _: z; R0 s! P! X7 }8 i4 Y
<!doctype html>
5 x" `/ k6 M7 ~- O+ T
<html>
# Q. `% E' e9 n* C' H
<head>
# O! u' ]) B1 Y" K0 j
<script>
$ j) V0 ^, }, {3 p/ B2 M0 r9 ^
function changeborder()
7 N1 b6 f/ {0 { q1 ]
{
7 G Z+ O' v$ B* [
document.getelementbyid('mytable').border=10;
; r' I9 b3 }8 ]6 _! t3 t
}
3 X- Z0 F! n+ H; c+ x
</script>
: Z3 j6 w1 b% y0 a! q* ]$ z1 q
</head>
* n! h3 W3 j, N( d, Y+ ?
<body>
; `7 y3 f' v" A; ^3 o* x1 y3 e
<table border=1 id=mytable>
d7 H7 X: ?; ]' f2 r6 r( C
<tr>
) J1 U6 X7 h1 U1 s+ e/ c* m
<td>100</td>
X) Z5 n3 `: F: d) n/ b- f; Y, ]
<td>200</td>
6 Z' d$ W( Z' e' H* v* M) k
</tr>
5 F G* `' p- u) c; r$ y
<tr>
q& C: l( M* G9 a/ m
<td>300</td>
]) e/ x( ]$ W" h
<td>400</td>
, R7 A# k' B+ W3 R
</tr>
: B5 M& C! M0 n* r1 t
</table>
3 y9 M1 D% `" R, a" p& J! _, S
<br>
% M8 }+ V( m( m" |# Z* K1 r7 I+ L* V
<input type=button onclick=changeborder()
: q+ D# f- z3 a+ h* j
value=change border>
7 L* V! e' Y% O7 R3 W
</body>
: S( |; C' ~5 }$ U; u' ?
</html>
3 u6 u F3 ~( e' [9 Y* E! U
4 Z2 L( o1 e4 n d" Q5 w
更多网页制作信息请查看： 网页制作
作者:
mwxny
时间:
2016-2-2 17:44
哥们，给我做个链接吧
作者:
effoggikeftor
时间:
2016-2-2 17:44
这话从何说起那~~~
作者:
mwxny
时间:
2016-2-22 16:23
什么什么啊??
作者:
Mqokjdvq
时间:
2016-2-22 16:23
真是天底下好事多多
作者:
wwdu926a
时间:
2016-2-22 16:24
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
作者:
Acropozelan
时间:
2016-2-22 16:24
有现实中的偶在这...不佩服.............佩服电影里的....
欢迎光临 得知互动 (https://bbs.dezhifl.com/)
Powered by Discuz! X5.0