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

我可以想到自定义标记“init”的一个方便的用法。包含一个JavaScript表达式，它在document.onLoad()时被求值，并为标记提供一个值，例如。

<p>&lt;p&gt;The UTC date is &lt;span init="new Date().toUTCString()"&gt;?&lt;/span&gt;.&lt;p&gt;</p>

一些样例JavaScript代码会在document.onload()时扫描DOM中的所有标记，查找init属性，计算它们包含的表达式，并将它们分配给包含标记的innerHTML。这将赋予HTML一些JSP、PHP等的强大功能。目前，我们必须将HTML标记和说明它的JavaScript代码分开。bug喜欢拆分代码。

2020-10-27 08:01:55

不，这将破坏验证。

在HTML 5中，您可以/将能够添加自定义属性。就像这样:

<tag data-myAttri="myVal" />

2009-11-14 19:08:16

你可以添加，但你也必须写一行JavaScript代码，

document.createElement('tag');

确保一切都到位。我指的是ie浏览器:)

2012-11-19 09:27:03

我可以想到自定义标记“init”的一个方便的用法。包含一个JavaScript表达式，它在document.onLoad()时被求值，并为标记提供一个值，例如。

<p>&lt;p&gt;The UTC date is &lt;span init="new Date().toUTCString()"&gt;?&lt;/span&gt;.&lt;p&gt;</p>

一些样例JavaScript代码会在document.onload()时扫描DOM中的所有标记，查找init属性，计算它们包含的表达式，并将它们分配给包含标记的innerHTML。这将赋予HTML一些JSP、PHP等的强大功能。目前，我们必须将HTML标记和说明它的JavaScript代码分开。bug喜欢拆分代码。

2020-10-27 08:01: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

对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。

下面是一个来自HTML标准的例子:自定义元素(注意国家属性):

<flag-icon country="nl"></flag-icon>

另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):

<custom-square l="100" c="red"></custom-square>

2022-02-28 19:09:19

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

推荐文章

最新文章

标签