返回列表 发新帖

js动态改变表格边框宽度的方法

101.6k 6
swmozowtfl 发表于 2015-7-9 23:15:29|湖北 | 查看全部 阅读模式
本文实例讲述了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+ ?
更多网页制作信息请查看: 网页制作

回复|共 6 个

mwxny 发表于 2016-2-2 17:44:32|法国 | 查看全部
哥们,给我做个链接吧
effoggikeftor 发表于 2016-2-2 17:44:33|美国 | 查看全部
这话从何说起那~~~
mwxny 发表于 2016-2-22 16:23:17|美国 | 查看全部
什么什么啊??
Mqokjdvq 发表于 2016-2-22 16:23:27|美国 | 查看全部
真是天底下好事多多
wwdu926a 发表于 2016-2-22 16:24:02|INNA | 查看全部
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
Acropozelan 发表于 2016-2-22 16:24:39|美国 | 查看全部
有现实中的偶在这...不佩服.............佩服电影里的....

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 站长技术交流论坛|互联网技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表