本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:2 W2 v; S B% e$ b% J8 L& }
下面的js代码通过表格对象的border属性修改表格边框宽度6 D, k% N3 E5 `6 z/ ]
<!doctype html>
+ {: u. x8 \- N" Q<html>, e) q! \. {+ t' t8 L: I( m
<head>
' a) B0 ~ {+ E2 K( Y<script>& g% ?9 P1 J! D+ v$ A: s
function changeborder()
" D8 \/ Y- i8 n/ I{
+ e: ]( a7 `& a6 L- Ldocument.getelementbyid('mytable').border=10;
5 y9 `" S% W9 J8 Z. v, y( ?# t4 n}1 a4 E2 N# J' {2 A
</script>
% D# t- I# U, n$ A1 v, f</head>, \' K b8 O# N1 l; b6 A+ } ^: w7 |
<body>
) w. C1 e9 R8 a5 U$ p, S<table border=1 id=mytable>
: @( ^3 m$ g6 G1 V6 ^<tr>
5 v) e" T: \ r+ B, [<td>100</td>- @% o- C0 N3 v
<td>200</td>
+ f9 q# D6 P. [2 P, d7 _! |: r; P7 h) j1 [</tr>
- ?4 {* W. H/ S<tr>/ F* v8 N) G/ y G
<td>300</td>
6 z7 S- B3 W/ ~9 T0 V<td>400</td>9 o0 _/ L. x* t7 {" [8 Z
</tr>/ w. ~! ^6 s! B5 i
</table>
! v/ }2 y1 k& `* _/ c<br>8 d- f8 k. X; f3 O' C
<input type=button onclick=changeborder()3 s+ `9 Q7 q1 o; l
value=change border>+ Z3 E7 R' J6 Y, h2 ^1 x) l$ t
</body>
) ?; v) ?+ `% g3 y6 m+ a</html>
0 O( L" n2 A7 N5 Z0 T9 x1 `, G3 z& |4 [/ x" w7 @5 p4 {
更多网页制作信息请查看: 网页制作 |
|