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功能，它可以帮助您

属性名称

数据属性名称必须至少为一个字符长，并且必须以'数据 - “为前缀。它不应包含任何大写字母。

属性值

属性值可以是任何字符串。

示例： -

<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

尝试

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

Answer 5

licollection [指数] .getAttribute（ “customeId”）

参考：http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/getAttributeSyntaxParametersandNote.htm

将自定义属性添加到HTML标记

5 个答案: