Javascript 如何从HTML对象获取name属性

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

这是我的HTML标签：

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

结果是：SPAN br1未定义

---

（在IE10和Chrome、HTML5中）

使用

selected\u item.getAttribute（'name'）

---

尝试使用

class=”“

（在Javascript

selected_item.className

）@GuilhermeNascimento为什么要谈论类？因为

name

不是span元素的有效属性，我猜。使用

数据名

代替…@lan问题是如何使用它，他试图使用“name”，而在他的情况下，“className”最合适。@lan“class属性”用于各种用途。显然，与“name属性”相比，

date-*

属性也可以更好地使用。但是，如果您观察到多个使用类似元素的代码（如sliders gallery），则通常会使用“class”属性。我真的认为这与比较

date-*

和

class=”“

完全无关。

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);
 }

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'));
}