得知互动
标题:
js动态改变表格边框宽度的方法
[打印本页]
作者:
swmozowtfl
时间:
2015-7-9 23:15
标题:
js动态改变表格边框宽度的方法
本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：
/ L' n3 H; B4 C
下面的js代码通过表格对象的border属性修改表格边框宽度
' M" l' V0 x7 c
<!doctype html>
* O) r, t+ e* V" _% |5 L
<html>
$ N |2 t9 V# u5 r+ g, ?+ g x
<head>
. E: m4 P$ G) m- F- G4 [
<script>
7 \+ \" M. c# U+ h) l1 {, v
function changeborder()
: c2 p+ L+ B- R% H- x+ v, h/ q2 X
{
4 h( L+ t; S% z/ L' [6 B% l& L7 |
document.getelementbyid('mytable').border=10;
! B) J1 ~' r% `" d( e$ a0 _: V+ P
}
% V$ U& B- i4 e
</script>
( ]8 h$ K4 K) ~$ T
</head>
4 r5 ]. z: }2 T: S2 N2 V; d
<body>
( h! _3 \9 q/ b! H3 U9 C, d
<table border=1 id=mytable>
8 \$ o2 w5 A/ z$ R( F
<tr>
! P7 `- I1 _5 ]& A0 v; U% j$ {
<td>100</td>
4 `; R& d! I6 K$ F
<td>200</td>
# Q0 {" e/ G/ m' O
</tr>
w( \6 _4 p2 }. d5 R4 g: n
<tr>
0 ~: L: E6 p) y# @6 O- [0 s
<td>300</td>
0 X0 D( C; }$ C: t5 S& {9 E/ P; ^
<td>400</td>
( p* {8 p2 E- D: t: m3 F, U+ O! {7 @! X
</tr>
0 {8 Q* n9 q3 F- v+ e. K& H6 s
</table>
# H P- }7 I9 u U9 N% {- @
<br>
; b' q' D) v6 u. N
<input type=button onclick=changeborder()
* m0 m8 w1 H/ `# X
value=change border>
. U+ R, S0 W1 }! [3 o
</body>
4 g$ ?1 ?5 ?# z J5 o' m
</html>
) D2 u5 O) P3 \! ?" p8 j
0 [9 N8 [+ l+ P A- ]* |
更多网页制作信息请查看： 网页制作
作者:
mwxny
时间:
2016-2-2 17:44
哥们，给我做个链接吧
作者:
effoggikeftor
时间:
2016-2-2 17:44
这话从何说起那~~~
作者:
mwxny
时间:
2016-2-22 16:23
什么什么啊??
作者:
Mqokjdvq
时间:
2016-2-22 16:23
真是天底下好事多多
作者:
wwdu926a
时间:
2016-2-22 16:24
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
作者:
Acropozelan
时间:
2016-2-22 16:24
有现实中的偶在这...不佩服.............佩服电影里的....
欢迎光临 得知互动 (https://bbs.dezhifl.com/)
Powered by Discuz! X5.0