将自定义属性添加到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>