我可以向HTML标记添加自定义属性吗?

我可以像下面这样向HTML标记添加自定义属性吗?

<tag myAttri="myVal" />

当前回答

是的，您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。

<ul>
    <li data-pageNumber="1"> 1 </li>
    <li data-pageNumber="2"> 2 </li>  
    <li data-pageNumber="3"> 3 </li>  
</ul

2020-08-20 09:36:55

其他回答

另一种干净的方法是将你想要的数据连接到另一个标签中，例如id，然后使用split来获取你想要的东西。

<html>
<script>
  function demonstrate(){
    var x = document.getElementById("example data").querySelectorAll("input");
    console.log(x);
    for(i=0;i<x.length;i++){
      var line_to_illustrate = x[i].id  + ":" + document.getElementById ( x[i].id ).value;
      //concatenated values
      console.log("this is all together: " + line_to_illustrate); 
      //split values
      var split_line_to_illustrate = line_to_illustrate.split(":");
      for(j=0;j<split_line_to_illustrate.length;j++){
        console.log("item " + j+ " is: " + split_line_to_illustrate[j]);
      }      
    }
  }
</script> 

<body>

<div id="example data">
  <!-- consider the id values representing a 'from-to' relationship -->
  <input id="1:2" type="number" name="quantity" min="0" max="9" value="2">
  <input id="1:4" type="number" name="quantity" min="0" max="9" value="1">
  <input id="3:6" type="number" name="quantity" min="0" max="9" value="5">  
</div>

<input type="button" name="" id="?" value="show me" onclick="demonstrate()"/>

</body>
</html>

2016-12-13 16:36:03

jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。

2009-11-14 19:23:30

你可以修改你的!DOCTYPE声明(即DTD)来允许它，这样[XML]文档仍然有效:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[
  <!ATTLIST tag myAttri CDATA #IMPLIED>
]>

#IMPLIED意味着它是一个可选属性，或者你可以使用#REQUIRED等等。

更多信息在DTD - Attributes中。

2009-11-14 22:15:21

是的，你能做到!

有下一个HTML标签:

<tag key="value"/>

我们可以用JavaScript访问它们的属性:

element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter

Element.setAttribute()如果该属性不存在，则将其放在HTML标记中。所以，如果你要用JavaScript设置它，你不需要在HTML代码中声明它。

Key:可以是属性的任意名称，而当前标记尚未使用。值:它总是包含你需要的字符串。

2014-08-25 12:55:29

您可以通过JavaScript设置属性。

document.getElementById("foo").myAttri = "myVal"

2009-11-14 22:46:14

我可以向HTML标记添加自定义属性吗?

推荐文章

最新文章

标签