如何从HTML对象获取name属性

Question

我有几个SPAN标记，其中包含用户可以单击的内容，我唯一可以依赖的属性是“name”属性。 不幸的是，在我的javascript中，我得到'undefined'，即使ID属性显示我在正确的对象上。 （但我不能使用ID，因为有几个具有相同名称，但ID不同的对象）

这是我的HTML标记：

 <SPAN id='br1' name='slider'>Some Content</span>
 <SPAN id='br2' name='slider'>Some other Content</span>

在我的javascript中：

document.onmousedown=myMouseDown;
function myMouseDown(e){
    if (!e) var e = window.event;
    var selected_item= e.srcElement
    alert(selected_item.tagName+' '+selected_item.id+' '+selected_item.name);
 }

结果是：SPAN br1未定义 （在IE10和Chrome中，HTML5）

Answer 1

使用selected_item.getAttribute('name')

document.onmousedown=myMouseDown;
function myMouseDown(e){
    if (!e) var e = window.event;
    var selected_item= e.srcElement
    alert(selected_item.tagName+' '+selected_item.id+' '+selected_item.getAttribute('name'));
}