本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:1 V( S3 s0 `0 |" Z m
下面的js代码通过表格对象的border属性修改表格边框宽度% L/ t' r- ~7 K# x5 r4 g0 G
<!doctype html>
& g7 l! m4 i# w) j<html>/ s: [. t; `# }
<head>& z$ b7 l' D: F5 ^2 U0 a$ f6 l
<script>1 `9 D3 g! {4 U
function changeborder()& D7 S( ?. O; T1 Q
{
4 H3 ~- f* k- \2 |document.getelementbyid('mytable').border=10; P' c- [" X4 H
}. m# ~3 R( V2 m
</script>6 N2 t# s" T! D+ l: r* f2 s- t
</head># Z7 u9 G6 L+ H
<body>
: {; h0 m: [8 ~ T2 a% g<table border=1 id=mytable>
) `( b+ ^# ?& f- F+ g' A<tr>
: c) G a4 y' @8 e( K<td>100</td>
6 q' j) G3 {0 j( I' v<td>200</td>
- X6 A' v2 |/ U f5 |: N' E</tr>
3 v/ p( I( ^% `: J5 @<tr>7 k% @/ S% H+ W) C l% U, J5 M
<td>300</td>" N; n1 O; g3 e/ K8 c: K3 j
<td>400</td>2 B9 `" u7 n( o% r. | m+ y
</tr>
+ U% K0 d. U6 ^+ D2 d* K) Z</table>3 l: E- y1 M0 d- W1 Q% t& G& n
<br>! H6 m, V; n" Q- v/ N) B5 A( k% r
<input type=button onclick=changeborder()
6 s* u" @6 H, J' Uvalue=change border>
^3 S( s$ @0 W</body>7 m" q4 G& Z B. I( f7 C8 R4 `
</html>. n4 D2 n& @3 `6 t7 c( z; k- i' K
; f6 a4 Q2 H/ y, D2 x9 _) J+ ?
更多网页制作信息请查看: 网页制作 |
|