本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：
' f4 [# F+ v, J# o9 i7 c4 I下面的js代码通过表格对象的border属性修改表格边框宽度 _' I; {" V. \6 |. f( H1 Y. I( V
<!doctype html># A" R$ s: O7 _3 W6 w7 @9 v/ Z
<html>- ^. s! i7 w3 Y2 R6 ?7 ~. g
<head>- K# Q/ C/ d2 t8 v; U
<script>5 b! S9 o% e0 N) @
function changeborder()+ J9 y8 W- |) h1 X; r" U; Y
{
, Y5 e W5 w7 ]' V% Adocument.getelementbyid('mytable').border=10;4 w. [/ a6 R) Z6 m( ?( ~# G3 N
}
& k7 V' g3 b$ p: E! s</script>
" Q0 f* K0 K, m</head>' ^! j4 X: H% E# X5 _0 y
<body>
+ r4 a0 n. w! p4 n. I<table border=1 id=mytable>
1 g' O f% Z4 @3 S9 J4 [<tr>, `' _' h$ G& u! \" S: w- N D/ V
<td>100</td>
. S5 M9 C& c" c7 P4 B0 a2 Y' }<td>200</td>( s \5 b) S- Z. t6 r
</tr>
% v# ?5 {& Y8 z<tr>
) K! E' t' h/ ~5 ~* L5 o, s! r<td>300</td>
* J0 U- l2 d2 D( m& G$ Q<td>400</td>+ s) T. G( e* M' {. V
</tr># m+ W) c4 n" u. x. o4 @
</table>5 O! q3 k( ?0 [" S9 b7 u3 J5 G
<br>
) h4 C0 v8 }! v/ a1 Q @<input type=button onclick=changeborder()# l9 Y' T$ V8 k5 i
value=change border>4 X2 s9 r/ A g+ N* X) M
</body>
* R g7 N4 \5 a</html>
* [4 Q1 g+ c5 d( \+ Y+ Y
% l e: Q& h% U( H* D& c更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡