求助 怎么这个元素加一个class=down

Question

<li onMouseMove="Igoods.menuDisplay(this,'50')"><a href="javascript:void(0)" >配饰<i></i></a></li>
menuDisplay()
方法中  this 得到的是li元素对象我要当这个函数里判断 如果鼠标经过，我给a标签加一个class="down"
就像这样的效果。
<li onMouseMove="Igoods.menuDisplay(this,'50')"><a href="javascript:void(0)" class="down">配饰<i></i></a></li>

Answer 1

this.getElementsByTagName('a')[0].className = 'down'

Answer 2

  function menuDisplay(o,s){
               var obj=o.firstChild;
obj.setAttribute('class','down');
  }

Answer 3

可以帮我写成这样可以吗
判断一下 a 标签里是否有 class="down" 如果有 则移除我这样写的
 var obj=o.firstChild;
if(obj.hasClass("down")){
obj.removeClass("down");
}但是是错的。我打

Answer 4

function menuDisplay(o, s) {
var obj = o.getElementsByTagName('a')[0];
obj.className = obj.className.replace(/down/, '');
}另，事件也绑定错了，应绑定onmouseover事件。

Answer 5

你写的hasClass()、removeClass()都是jQuery的方法，需要加载jQuery库文件后才能使用。

Answer 6

先要将DOM对象转换为jQuery对象：
var obj=o.firstChild;
if ($(obj).hasClass("down")) $(obj).removeClass("down");不过firstChild属性有兼容性问题，尽量避免使用：
var obj = $(o).find("a"); //这时，obj已经是是一个jQuery对象了，所以下面就能直接对它调用hasClass等方法
if (obj.hasClass("down")) obj.removeClass("down");

Answer 7

 var cs = $(this).attr('Class');
            if ('down' == cs) {
                $(this).addClass('down');
            }

Answer 8

$(obj).children().first().toggleClass("down")