Añadir atributo personalizado para etiquetas HTML

Question

Estoy añadiendo atributos personalizados a mi HTMLtags algo así como

<li customeId="1"> 

estoy para acceder a este atributo personalizado en IE pero en Firefox, no soy capaz de obtener los valores de estos atributos . Cualquier sugerencia sobre cómo acceder al atributo personalizado en Firefox o de cualquier otra manera. Estoy usando HTML 4 para el desarrollo.

Código de acceso:

var test = licollection[index].customeId; 

Gracias ashwani

Answer 1

Afortunadamente el siguiente código será útil para usted.

<div id="navigation"> 
<ul> 
    <li customerId="1"></li> 
    <li customerId="2"></li> 
    <li customerId="3"></li> 
</ul> 
</div> 

var x = document.getElementById('navigation'); 
if (!x) return; 
var liCollections = x.getElementsByTagName('li'); 
for (var i=0;i<liCollections.length;i++) 
    alert(liCollections[i].getAttribute('customerid', 0)); 

Es bastante claro, y se puede entender fácilmente.

Answer 2

Trate

var test = licollection[index].getAttribute("customeId"); 

Answer 3

test.getAttribute('customerid'); 

¿Usted intentó esto?

Answer 4

licollection [índice] .getAttribute ("customeId")

referencia: http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/getAttributeSyntaxParametersandNote.htm

Answer 5

Puede usar HTML 5 custom data attribute funcionalidad, puede le ayuda

Nombre de atributo

El nombre del atributo de datos debe tener al menos un carácter y debe tener el prefijo 'data-'. No debe contener letras mayúsculas.

característica Valor valor

El atributo puede ser cualquier cadena.

Ejemplo: -

<ul id="vegetable-seeds"> 
    <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li> 
    <li data-spacing="30cm" data-sowing-time="February to March">Celery</li> 
    <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li> 
</ul>