javascript - 在状态 MouseOver 时获取元素的 ID

Question

我有一个带有 event 的元素onMouseOver。触发事件时，我需要获取元素的 ID。

这是我的HTML结构：

'<div id="see_all" class="btn_backtostart_catview">' + 
    '<div class="btn_backtostart_slice_l_catview"></div>' +
    '<div class="btn_backtostart_slice_c_catview" onclick="Main.magicCtrVerTodas()" onMouseOver="Main.magicCtrVerTodasMouseOver(this)">Ver todas</div>' +
    '<div class="btn_backtostart_slice_r_catview"></div>' +
'</div>' +

功能

magicCtrVerTodasMouseOver: function(obj){        
    console.log('ID for elm in OVER: ' + obj);
},

结果，我HTMLDivElement没有得到 ID 的名称。

知道我做错了什么吗？我也可以使用 jQuery。

Answer 1

变量obj指的是<div>具有类的元素"btn_backtostart_slice_c_catview"。此元素没有 ID 属性。

如果您需要获取id父母的财产<div>（持有id="see_all"），您可以使用：

magicCtrVerTodasMouseOver: function(obj){
    console.log('ID for elm in OVER: ' + obj.parentNode.id);
}

Answer 2

这应该这样做：

magicCtrVerTodasMouseOver: function(obj){
    console.log('ID for elm in OVER: ' + obj.id);
},

但是，请确保该元素具有id.