得知互动
标题:
js动态改变表格边框宽度的方法
[打印本页]
作者:
swmozowtfl
时间:
2015-7-9 23:15
标题:
js动态改变表格边框宽度的方法
本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：
" l0 S/ o9 m& l" {' f7 _
下面的js代码通过表格对象的border属性修改表格边框宽度
: Z! r2 q' l6 \
<!doctype html>
7 w. F2 O- x" W* X) o8 e; Q4 K" g& p
<html>
. u9 |. Y q9 D2 V, [
<head>
, i: W& @/ W9 u; c6 c8 N2 G* g3 q
<script>
% g2 |; Z$ W- i- q8 Q) |% t3 ?& q4 n
function changeborder()
8 o; `8 z8 C- |$ }, K4 `' s' \, P) w
{
9 b2 z1 W& X( T2 H5 o+ c$ P7 F5 G9 }
document.getelementbyid('mytable').border=10;
3 x- c; w6 \- U! W o
}
% I1 J0 T: c& j7 C
</script>
% A4 I- y Z O3 m# D4 A* L- ]. P
</head>
& y! L- _6 S# g/ b' j- p
<body>
4 F; L3 n3 M v; q( j( c" @. ?8 \( @
<table border=1 id=mytable>
4 w, E0 G. a4 A; I. v% [
<tr>
8 |& P2 v E a1 d; ?
<td>100</td>
6 T! l7 x6 h" N0 ~
<td>200</td>
' ^: _ i# L' H
</tr>
/ y+ i$ r& D1 G7 l, X8 w
<tr>
+ V- Z) O1 d( s- K1 E: ^" {; w5 F
<td>300</td>
! I! l% ?2 O7 d; `( j
<td>400</td>
; @! H [5 @8 I. L
</tr>
* X! }8 t7 M5 W4 B# Q% ?7 @1 {
</table>
( \$ [; d" H& @" N
<br>
. o) w' I1 y; ]4 [7 f
<input type=button onclick=changeborder()
9 G" O* b$ I1 {$ x7 U2 c! a
value=change border>
. N2 v% d6 Q' ]
</body>
. b7 R+ f' D2 g; @
</html>
( E9 S% J6 N$ s
! Q1 |7 S6 v* F
更多网页制作信息请查看： 网页制作
作者:
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