Question

js实现标签切换功能

有一些没注释的地方理解还不到位，想请哪位大神帮忙解答 解答

<script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id; /* parentNode 属性以 Node 对象的形式返回指定节点的父节点。*/
var tabList = document.getElementById(tabObj).getElementsByTagName("li"); /*getElementsByTagName() 方法可返回带有指定标签名的对象的集合。*/
/* getElementById() 返回对拥有指定 id 的第一个对象的引用。*/
/* tabList数组，id=tabObj的元素，得到这个元素中所有的li标签中的数据。*/
for(i=0; i <tabList.length; i++)
{
if (i == Num)
{
thisObj.className = "active";
document.getElementById(tabObj+"_Content"+i).style.display = "block"; /* display 属性规定元素应该生成的框的类型。此元素将显示为块级元素，此元素前后会带有换行符。*/
}else{
tabList[i].className = "normal";
document.getElementById(tabObj+"_Content"+i).style.display = "none"; /* display 属性规定元素应该生成的框的类型。 none 此元素不会被显示。
}*/
}
}
</script>

Answer 1

i == Num 判断i和参数Num一样 就添加class为active 应该是一个点击高亮 同时显示某个内容 不一样添加 normal 隐藏内容