Добавить пользовательский атрибут в теги HTML

Question

Я добавляю собственные атрибуты в мои HTML-теги, например,

<li customeId="1">

Мне нужен доступ к этому пользовательскому атрибуту в IE, но в Firefox я не могу получить значения этих атрибутов. Любое предложение о том, как получить доступ к пользовательскому атрибуту в FireFox или любым другим способом. Я использую HTML 4 для разработки.

Код для доступа:

  var test =  licollection[index].customeId;

Спасибо Ashwani

Answer 1

Надеюсь, приведенный ниже код будет вам полезен.

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

Это достаточно ясно, и вы можете легко понять это.

Answer 2

Вы можете использовать HTML 5 custom data attribute функциональность, это может помочь вам

Имя атрибута

Имя атрибута данных должно быть длиной не менее одного символа и должно начинаться с префикса 'data -' . Он не должен содержать заглавных букв.

Значение атрибута

Значением атрибута может быть любая строка.

Пример: -

<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>

Answer 3

test.getAttribute('customerid');

Вы пробовали это?

Answer 4

licollection [индекс] .getAttribute ( "customeId")

ссылка: http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/getAttributeSyntaxParametersandNote.htm

Answer 5

Попробуйте

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