Question

求高手帮我解释一下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>
复制有字数限制，明白上面两个内容的请帮帮俺

Answer 1

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 不一样而已！

有不懂的 可以在 问我

追问

我明白了，怎么把table改为div+css结构。看了许多东西，但是面对如此之大的代码就傻了。有什么方法吗，简化工作量

追答

不知道该怎么回答你啊。

DIV+CSS 不是一句话就能说明白的，
这个部分 多找点资料看吧，
买本 精通DIV+cSS系列 书籍也不错

追问

怎么转换为div id
bgcolor="EBEBED"转换为div id形式
table width="330" border="0" cellpadding="0" cellspacing="0" class="tabxxux"尤其是class="tabxxux"可以改为div id形式吗

万分感谢

追答

不能随便替换 为 DIV

这要看 table 里面有多少 td和 th 因为每个都代表一个 单元格

实际用DIV的时候 1个DIV也是代表一个 格

而且， 有些状况下 是用table 才是标准的 ，
比如有多个列的 内容显示 就是用table 比用 div 好，

DIV只是负责大体上的 布局 用的多

追问

我们老师要求不用table，至于你上面说的我看过许多书我也知道。那怎么办呀

追答

我把整个文件 压缩 给我发到邮箱里吧 。 我帮你看看

yongirl320@163.com

Answer 2

特简单！不过在解释这些代码前得让你知道，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-------------------------------------

先占个位，有啥不明白的再问。

Answer 3

重金之下出勇夫！good