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

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

是的，你能做到!

有下一个HTML标签:

<tag key="value"/>

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

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

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

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

下面是例子:

document.getElementsByTagName("html").foo="bar"

下面是另一个如何将自定义属性设置为body tag元素的示例:

document.getElementsByTagName('body')[0].dataset.attr1 = "foo";
document.getElementsByTagName('body')[0].dataset.attr2 = "bar";

然后读取属性:

attr1 = document.getElementsByTagName('body')[0].dataset.attr1
attr2 = document.getElementsByTagName('body')[0].dataset.attr2

你可以在DevTools的Console中测试上面的代码，例如:

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

document.createElement('tag');

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

在HTML5中:yes:使用data-属性。

 <ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul> 

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