Question

制作CSS选项卡中用Javascript的代码什么意思？大神们帮帮忙

<script language=javascript> function secBoard(n) { var menu = document.getElementById('menu').getElementsByTagName('li'); var main = document.getElementById('main').getElementsByTagName('li'); for (i = 0; i < menu.length; i++) { menu[i].className = "sec1"; } menu[n].className = "sec2"; for (i = 0; i < main.length; i++) { main[i].style.display = "none"; } main[n].style.display = "block"; } </script> 上面代码我一个都不识呢怎么看呢？

Answer 1

<script language=javascript> function secBoard(n) { var menu = document.getElementById('menu').getElementsByTagName('li');//获取id为menu下面的li的个数 var main = document.getElementById('main').getElementsByTagName('li');//获取id为main下面的li的个数 for (i = 0; i < menu.length; i++) { menu[i].className = "sec1";//设置id为menu下所有的li的样式为sec1 } menu[n].className = "sec2";//设置当前的id为menu下所有的li的样式为sec2 for (i = 0; i < main.length; i++) { main[i].style.display = "none";//隐藏id为main下所有的li } main[n].style.display = "block";//显示id为main下当前的li } </script>