当前位置:编程学习 > html/css >>

求高手帮我解释一下js和css代码。其中js中的secTable。css中的.tag_box

<script language="javascript"> function secBoard1(n,secTable,mainTable) { for(i=0;i<secTable.cells.length;i++) secTable.cells[i].className="sec5"; secTable.cells[n].className="sec6"; for(i=0;i<mainTable.tBodies.length;i++) mainTable.tBodies[i].style.display="none"; mainTable.tBodies[n].style.display="block"; } </script> <script language="javascript"> function secBoard2(n,secTable,mainTable) { for(i=0;i<secTable.cells.length;i++) secTable.cells[i].className="sec3"; secTable.cells[n].className="sec4"; for(i=0;i<mainTable.tBodies.length;i++) mainTable.tBodies[i].style.display="none"; mainTable.tBodies[n].style.display="block"; } </script>
补充:复制有字数限制,明白上面两个内容的请帮帮俺
追问:我明白了,怎么把table改为div+css结构。看了许多东西,但是面对如此之大的代码就傻了。有什么方法吗,简化工作量<table width="974" border="0" cellspacing="0" cellpadding="0" align="center"Background(/ad2/gxb.gif)no-repeat>怎么转换为div id
bgcolor="EBEBED"转换为div id形式
table width="330" border="0" cellpadding="0" cellspacing="0" class="tabxxux"尤其是class="tabxxux"可以改为div id形式吗

万分感谢我们老师要求不用table,至于你上面说的我看过许多书我也知道。那怎么办呀
答案:2个函数的 功能是一样的 都是表格的操作 

n,secTable,mainTable  这里3个参数

第一个n 代表的肯定的 某个数字 , 就是索引
secTable 和 mainTable   必须是 table元素对象 
这里你看看 调用的时候 写的代码就知道了

首先是 
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec5";

这个循环是把 表格里的 cells 也就是 td 全部 设置为  class="sec5" 
这个要看 sec5是  CSS里什么样式

secTable.cells[n].className="sec6";  这个是把  第n个 td 的样式在设为 sec6的 意思

简单来说 所有TD当中 选一个为 sec6  其他的全部 sec5 样式的意思


在下面
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none"; 

这个是 把  table里 所有的  <tbody> 标记 设为  style="display:none" 也就是 隐藏掉 不显示
这样的话就看不见了 

mainTable.tBodies[n].style.display="block";
这个呢 是把 第n个 <tbody>标记和里面内容在 显示出来的意思

第2个函数也一样 只是给的 class 不一样而已! 

有不懂的 可以在 问我
其他:特简单!不过在解释这些代码前得让你知道,secTable和mainTable显然是表格,而secTable.cells.length的意思是获取这个表格的单元格的个数,也就是表格中td的个数。接着是secTable.cells[i],这个是得到表格中第i+1个单元格(一行一行的数,比如每行3个单元格,第二行第2个就是整个表格的第5个单元格),那么接下来的secTable.cells[i].className就很好明白了,它是你拿到的这个单元格的class的值。现在以函数secBoard1为例,首先是一个for循环,因为没有花括号,所以循环体只有一句,也就是secTable.cells[i].className="sec5";,由于是个循环,且循环的长度和单元格的个数一样,所以这句把所有的单元格的class都变成了sec5,这样所有的单元格样式就都一样了。接着一句secTable.cells[n].className="sec6";,是把指定的第n个单元格的class变成sec6,这样这个单元格就因为样式与其它的都不一样而特别显眼。

下面的那个for循环也是这样的,只不过它修改的是表格的tbody部分,要不你自己想想?

-------------------------------------回答时间:2011年10月30日11:53:15-------------------------------------

先占个位,有啥不明白的再问。 重金之下出勇夫!good

上一个:div +css 小问题
下一个:懂一些html和会用dreamweaver基本操作,想学div+css求介绍一些好的视频教程,谢谢

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,