本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:. h; F# B' [7 u* w2 Q
下面的js代码通过表格对象的border属性修改表格边框宽度! o% Q7 ^( E* ]
<!doctype html>
4 m) q0 y' S2 k* @: v; T<html>4 {9 z$ u" h- A0 i
<head>
4 [+ o8 ~/ M0 U9 I4 [5 a<script>
6 P# T0 Y1 J9 i& H$ Ufunction changeborder()3 d( K; r( A6 F1 Q7 Q
{
" H9 G8 m. r/ s" }/ l% i) ^+ ?document.getelementbyid('mytable').border=10;
% N; s, l$ h4 _* d}1 j$ A* m& T4 ~# _
</script>
7 a$ V* H7 m( x% ?' ~</head>5 E, @8 f2 l+ B6 {0 G& {& T, l+ ~. i
<body>- t, V k/ i3 d6 H/ \
<table border=1 id=mytable>! h8 }! C6 I4 }' M1 N, z
<tr>
2 s7 e% |+ C: o- P6 d<td>100</td>
3 j% S$ ?2 z+ |1 r; \<td>200</td>
8 f+ z, i" A% }0 f1 n& c) u</tr>
1 U1 f& X4 u( d" e<tr>
" {, K+ r5 e L$ |$ C<td>300</td>
8 ]. G* e5 ]. ?8 D& A' @<td>400</td>0 a- k' i# h/ ^" S1 J
</tr>
9 l# h& e1 F8 E! K2 Z</table>
" v4 Y2 j4 P7 m5 v. \<br>
1 `8 l) k2 E$ `) U8 K; ~- y<input type=button onclick=changeborder()* ~7 r) [& B* B) w. l
value=change border>
9 Z7 u* d) J- T3 L5 ~9 t( S+ a</body>
0 X7 H8 Z; I: ?& J+ [. k! w) b</html>
$ Q2 w( ?- F! D. T* [! f! \5 a
9 _( L0 y# T1 I0 d更多网页制作信息请查看: 网页制作 |
|