js添加标签属性

大师们在帮我一次啊？
$dtag_arr=array(
"TOP"=>"tops",
"地区"=>"dq",
"曲风"=>"qf"
);
foreach($dtag_arr as $tk=>$tv)
{
$func = $tv."()";
echo "<li><a href='#' onclick='{$func}'>".$tk ."</a></li>";
}
        当点击一个后就在相对应的<li>标签里添加一个class属性
        就是： 
          <li><a href='#' onclick='{$func}'>".$tk ."</a></li>
          <li class='singer'><a href='#' onclick='{$func}'>".$tk ."</a></li>点击这个时
           <li><a href='#' onclick='{$func}'>".$tk ."</a></li>

解决方案 »

  1.   

    添加属性方法
    var el = document.getElementById("myId");
    el.setAttribute("class", "你的class")
      

  2.   

    这样我试了，但是当点击第二个时第一个<li>的class属性还存在，应该只保留最后点击的<li>的class属性
      

  3.   

    $(this).parent().addClass("youClass");
      

  4.   

    你先要将所有的清除一下 ，在给当前点击的添加class 。
      

  5.   


    <!doctype html>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    a { color:#999; }
    .on a { color: red; }
    </style>
    </head>
    <body>
    <ul>
    <li><a href="#">1-1</a></li>
    <li><a href="#">1-2</a></li>
    <li><a href="#">1-3</a></li>
    </ul>
    <script>
    var len = document.getElementsByTagName('li').length;
    var obj;
    for( var i=0; i<len; i++ ){
    document.getElementsByTagName('li')[i].onclick = function(){
    if(obj)obj.className = "";
    this.className = "on";
    obj = this;
    return false;
    }
    }
    </script>
    </body>
    </html>