本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：6 F9 O) E3 W+ m6 o8 @0 z
下面的js代码通过表格对象的border属性修改表格边框宽度
# ?5 Q$ [' q; @$ M+ ]<!doctype html>+ t7 N% L3 p/ a$ b1 l* J, {
<html>3 F' w' S4 A0 v) x! G8 \
<head>
% ^) \: ?2 z! t<script>5 z2 w2 o5 u. M7 ~! ]
function changeborder()
) F/ B1 L6 d5 ^{
% u+ Q& f+ C3 n) m* Tdocument.getelementbyid('mytable').border=10;% p5 d Z7 s1 l9 c
}
8 D4 g" C. L; P2 b* D</script>( ?2 F2 @0 j" C* m! m' Q
</head>
4 G: W0 f% ~7 v( a8 j2 F h<body>4 P p3 n# o. J6 d4 ]8 i
<table border=1 id=mytable>- x1 O( f- f# t* v; g9 ^8 ^2 s2 G
<tr>
) F( M& J5 A+ d$ ~. ^3 p<td>100</td>
/ M7 m F+ o0 h# I<td>200</td>
4 M* Z: @' a5 G</tr>
% a f8 ?4 D+ H* B8 T3 _% c# w<tr>& y! s, @: y. }
<td>300</td># H% @( y- N% E+ R1 ^) O \
<td>400</td>
! B3 m! F# D" \/ Y0 Q</tr>2 q0 P, ^ }# v
</table>
' Z* y6 N5 P. L<br>( m( C# X J' ]; z% |3 O% f
<input type=button onclick=changeborder()" x! U4 b C( b& D; z
value=change border>1 c' x' B$ {8 }( D) j8 A
</body>. j% o5 ^ _! _3 n8 s
</html>
% [4 F. g8 I k) d# E- c; S+ u1 ?4 E4 l
更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴101求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增707网络资讯
GEO优化如何让企业流量翻倍？606网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡