Add custom attribute to HTML tags

Question

Hello All:

I am adding custom attributes to my HTMLtags something like

<li customeId="1">

I am to access this custom attribute in IE but in firefox, I am not able to get the values of these attributes. Any suggestion on how to access custom attribute in FireFox or any other way. I am using HTML 4 for development.

Code to access:

  var test =  licollection[index].customeId;

Thanks Ashwani

Answer 1

Try

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

Answer 2

test.getAttribute('customerid');

Did you try this?

Answer 3

Hopefully below code will be helpful for you.

<div id="navigation">
 <ul>
  <li customeId="1"></li>
  <li customeId="2"></li>
  <li customeId="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));

Its clear enough, and you can understand it easily.

Answer 4

licollection[index].getAttribute("customeId")

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

Answer 5

Also note http://stackoverflow.com/questions/427262/can-i-just-make-up-attributes-on-my-html-tags/