本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:
& Y6 ?; e( Q: f4 d, H下面的js代码通过表格对象的border属性修改表格边框宽度& A @7 t- c. A
<!doctype html>6 }- J. |" H5 g( P* O1 L
<html>6 n* Y$ V+ f6 M8 z$ c
<head>) k/ B. x1 d8 J' k
<script>9 S& N3 N0 P9 ` K, X
function changeborder()2 {' @- X3 r5 c4 e: U; I
{& Z$ d: h- p0 \/ k/ J+ A) n T
document.getelementbyid('mytable').border=10;; ~6 V, D8 {& d* B; W+ T
}
9 K% t& O7 i, j5 e! N8 Q</script>
# W; Z7 f' w% C- A</head>
5 `1 |* c$ U6 a1 e: _" n. h<body>* |& E- q0 x v8 G2 B. F
<table border=1 id=mytable>* h6 b) }9 \0 H
<tr>
. m/ r1 \8 o7 `/ J+ o* ^<td>100</td>* z4 N/ \% g9 `# M) a0 c
<td>200</td>
* A& K# t1 K# V# z</tr>4 ^$ l3 b2 @1 q) @' l7 l% V
<tr>8 r: L9 r- B# Q/ J+ t; I. y
<td>300</td>
# q" s8 x5 t* _) T1 k<td>400</td>- p, _6 \ m8 T7 T
</tr>
+ ~5 `9 e3 ?" K3 U$ a% e5 w. {# ^</table>: } ?; {' c& z% o+ U+ Q K
<br>. ^4 w" U1 i0 }. O# N
<input type=button onclick=changeborder()) [4 d* q# T; D
value=change border>, P* Y. L& I0 |6 L0 }
</body>
( X! |; C5 i6 Y8 h6 b</html>4 c }% y, O' c% L
4 @" x1 I2 X* T/ _ i9 \0 I" G更多网页制作信息请查看: 网页制作 |
|