| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 5311 人关注过本帖
标题:请教!~关于JS控制border的问题。
只看楼主 加入收藏
pro717
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2007-8-24
收藏
 问题点数:0 回复次数:4 
请教!~关于JS控制border的问题。

JS如下:

function bordernum(num1,num2,num3,num4){
var numm
numm=""
if(num1==1){
numm+="border-top:solid 1px #cccccc;";
}else{
numm+="";
}
if (num2==1){
numm+="border-bottom:solid 1px #cccccc;";
}else{
numm+="";
}
if (num3==1){
numm+="border-left:solid 1px #cccccc;";
}else{
numm+="";
}
if (num4==1){
numm+="border-right:solid 1px #cccccc;";
}else{
numm+="";
}
return numm;

}
aspx片断页面其中如下:
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" style="javascript:document.write(bordernum(0,0,1,1));">
<tr>
<td height="60"></td>
</tr>
</table>
运行时,程序无反应,,,也就是说,不会根据输入的数值来改变边框
我曾尝试在aspx页面中这样输出:
<script language='javascript'>
document.write(bordernum(0,0,1,1));
</script>
出现的结果和我预期的一样
border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;
但页面中的table还是无反应,不解。遂将打印出的字符串直接放入table中,结果是正常运行。。。
但用我自己写的bordernum(0,0,1,1)却不可以,,,不解
我也曾在style=""中这样写style="bordernum(0,0,1,1)"同样无效,,,尝试了多种方法,,,
仍未解决,,,
故上来打扰各位大虾们的清修,不好意思,
望大家多多指教,谢谢!~
搜索更多相关主题的帖子: border 
2007-08-24 20:31
pro717
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2007-8-24
收藏
得分:0 
5555555555555
我在代码中直接输入:
[CODE]<table cellspacing="0" cellpadding="0" >
<tr><td id="td1">123123</td><td id="td2">agadgaf</td></tr>
</table>
<script>
document.getElementById("td1").style.borderTop="1px solid red";
</script>[/CODE]
结果是正常运行,,,不知何故,改成函数就不行,,,

水在走投无路之下,纵身一跳变成了瀑布~~~
2007-08-25 09:47
pro717
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2007-8-24
收藏
得分:0 
5555555555
怎么没人回啊?是大家觉得太简单了,不愿意回,还是大家也被难住了呢?
啃下气吧~~~5555555

水在走投无路之下,纵身一跳变成了瀑布~~~
2007-08-26 12:35
myfor
Rank: 3Rank: 3
等 级:新手上路
威 望:6
帖 子:357
专家分:6
注 册:2006-3-13
收藏
得分:0 
[CODE]<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" id="table">
<tr>
<td height="60"></td>
</tr>
</table>
<script type="text/javascript">
document.getElementById('table').style.border = "1px solid #CCCCCC";
</script>[/CODE]

广告位招租
2007-08-26 12:42
pro717
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2007-8-24
收藏
得分:0 
回复:(myfor)[CODE]

谢谢楼上的回复,你写的那个,我明白的,并且,我以前也就是这样写。。。

而我现在的意思就是用一个JS函数,并通过传递参数来全面控制页面上表格的边框问题。比如说,bordernum(1,1,1,1)这四个参数,就是相当于top,right,left,bottom这些边框,全部显示,而bordernum(0,0,0,1)这个就是只显示表格的right边框的参数值。。。。

我是这个意思,至于你写的
document.getElementById('table').style.border = "1px solid #CCCCCC";
这之前也是这么写的,就是感觉这个不能自动化,比如说,我临时要改动一下边框之类的,而又如果网站中有一半的表格是不同类型的话,那实在是太麻烦了,,,,

我也曾考虑过用CSS来代替JS函数,,,即,在表格的class中插入CSS类,但同样得写四个,如果要改动表格的边框的话,同样很麻烦,,,

SO,我现在就是想用一个JS函数来全面控制表格的边框问题,

另,虽然你的答案未能解决我的问题,不过,我还是诚恳地谢谢你的回复,,,


水在走投无路之下,纵身一跳变成了瀑布~~~
2007-08-26 12:54
快速回复:请教!~关于JS控制border的问题。
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.028748 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved