日期:2014-05-16  浏览次数:20401 次

高手进来帮我看一下有100分送
如题
希望高手每一步都能有个小注释,谢谢您了
function   switchTag(tag,content)
{
//     alert(tag);
//     alert(content);
    for(i=1;   i   <4;   i++)
    {
        if   ( "tag "+i==tag)
        {
            document.getElementById(tag).getElementsByTagName( "a ")[0].className= "selectli "+i;
            document.getElementById(tag).getElementsByTagName( "a ")[0].getElementsByTagName( "span ")[0].className= "selectspan "+i;
        }else{
            document.getElementById( "tag "+i).getElementsByTagName( "a ")[0].className= " ";
            document.getElementById( "tag "+i).getElementsByTagName( "a ")[0].getElementsByTagName( "span ")[0].className= " ";
        }
        if   ( "content "+i==content)
        {
            document.getElementById(content).className= " ";
        }else{
            document.getElementById( "content "+i).className= "hidecontent ";
        }
        document.getElementById( "content ").className=content;
    }
}

------解决方案--------------------
function switchTag(tag,content)//估计是个菜单
{
// alert(tag);
// alert(content);
for(i=1; i <4; i++)//有4个选项,依次循环
{
if ( "tag "+i==tag)//标签tag选中的设置样式
{
document.getElementById(tag).getElementsByTagName( "a ")[0].className= "selectli "+i;
document.getElementById(tag).getElementsByTagName( "a ")[0].getElementsByTagName( "span ")[0].className= "selectspan "+i;
}else{//没选中的样式置空
document.getElementById( "tag "+i).getElementsByTagName( "a ")[0].className= " ";
document.getElementById( "tag "+i).getElementsByTagName( "a ")[0].getElementsByTagName( "span ")[0].className= " ";
}
if ( "content "+i==content)//内容选中的设置样式
{
document.getElementById(content).className= " ";
}else{//没选中的样式置空
document.getElementById( "content "+i).className= "hidecontent ";
}
document.getElementById( "content ").className=content;
}
}
------解决方案--------------------
document.getElementById(tag)
id为tag的对象

document.getElementsByTagName( 'a ')
所有 <a> ... </a> 对象的集合
document.getElementsByTagName( 'a ')[0]
第一个 <a> ... </a>

xxxx.className
对象的样式,对应html标签中的class= "... "

document.getElementById(tag).getElementsByTagName( "a ")[0].className= "selectli "+i;
id为tag的对象中的第一个 <a> ... </a> 的样式设置为selectli2(假设这里循环变量i=2)