Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
向HTML标记添加自定义属性_Html - Fatal编程技术网

向HTML标记添加自定义属性

向HTML标记添加自定义属性,html,Html,我正在向我的HTMLtags添加自定义属性 <li customeId="1"> 谢谢 阿什瓦尼试试 var test = licollection[index].getAttribute("customeId"); 您尝试过这个吗?希望下面的代码对您有所帮助 <div id="navigation"> <ul> <li customerId="1"></li> <li customerId="2"></

我正在向我的HTMLtags添加自定义属性

<li customeId="1">
谢谢 阿什瓦尼试试

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

您尝试过这个吗?

希望下面的代码对您有所帮助

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

var x=document.getElementById('navigation');
如果(!x)返回;
var liCollections=x.getElementsByTagName('li');

对于(var i=0;ilicollection[index].getAttribute(“customeId”)


参考资料:

您可以使用HTML5
自定义数据属性
功能,它可能会对您有所帮助

属性名称

数据属性名称必须至少有一个字符长,并且必须以'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>
    胡萝卜 芹菜 萝卜

您试图如何访问该属性?添加代码,这样我们就可以看到您在做什么。您没有使用HTML 4。您使用的是标记汤。HTML 4不支持自定义属性。@David,那么是否有其他方法将某些属性与HTML 4中的标记相关联?现有属性。包含一些数据的脚本元素(例如,`var foo={element_id:[1,2,3],other_element:[4,5,6]};)。文本内容。这是很棒的信息。只需几个问题,>如果代码在旧浏览器上运行会发生什么?(不兼容HTML5)>对“数据-”标记有限制吗>
<div id="navigation">
 <ul>
  <li customerId="1"></li>
  <li customerId="2"></li>
  <li customerId="3"></li>
 </ul>
</div>
<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>