返回列表 发新帖

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

101.8k 6
swmozowtfl 发表于 2015-7-9 23:15:29|湖北 | 查看全部 阅读模式
本文实例讲述了js动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下:. h; F# B' [7 u* w2 Q
下面的js代码通过表格对象的border属性修改表格边框宽度! o% Q7 ^( E* ]
<!doctype html>
4 m) q0 y' S2 k* @: v; T<html>4 {9 z$ u" h- A0 i
<head>
4 [+ o8 ~/ M0 U9 I4 [5 a<script>
6 P# T0 Y1 J9 i& H$ Ufunction changeborder()3 d( K; r( A6 F1 Q7 Q
{
" H9 G8 m. r/ s" }/ l% i) ^+ ?document.getelementbyid('mytable').border=10;
% N; s, l$ h4 _* d}1 j$ A* m& T4 ~# _
</script>
7 a$ V* H7 m( x% ?' ~</head>5 E, @8 f2 l+ B6 {0 G& {& T, l+ ~. i
<body>- t, V  k/ i3 d6 H/ \
<table border=1 id=mytable>! h8 }! C6 I4 }' M1 N, z
<tr>
2 s7 e% |+ C: o- P6 d<td>100</td>
3 j% S$ ?2 z+ |1 r; \<td>200</td>
8 f+ z, i" A% }0 f1 n& c) u</tr>
1 U1 f& X4 u( d" e<tr>
" {, K+ r5 e  L$ |$ C<td>300</td>
8 ]. G* e5 ]. ?8 D& A' @<td>400</td>0 a- k' i# h/ ^" S1 J
</tr>
9 l# h& e1 F8 E! K2 Z</table>
" v4 Y2 j4 P7 m5 v. \<br>
1 `8 l) k2 E$ `) U8 K; ~- y<input type=button onclick=changeborder()* ~7 r) [& B* B) w. l
value=change border>
9 Z7 u* d) J- T3 L5 ~9 t( S+ a</body>
0 X7 H8 Z; I: ?& J+ [. k! w) b</html>
$ Q2 w( ?- F! D. T* [! f! \5 a
9 _( L0 y# T1 I0 d更多网页制作信息请查看: 网页制作

回复|共 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 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表