data-set自定义属性

data-set

- HTML5新特性-自定义属性

- 在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放 使用data-set可以获取这些数据 

  ```

  data属性的设置和读取方式：

  1、data-xxx 的格式，则采用正常格式来读写该属性值

  <div id="test" data-name="小明">自定义属性data-name</div>

  // 原生js方式

  var testData = documentgetElementById("test");

  consolelog(testDatadatasetname); // 读取data-name的值

  consolelog(testDatagetAttribute("data-name")); // 读取data-name的值

  testDatadatasetage = 18;  // 设置data-age的值

  testDatasetAttribute("data-age",18);  // 设置data-age的值

  testDataremoveAttribute("data-age");  // 删除data-age属性

  2、data-xxx-yyy-zzz的格式，则采用首个单词的首字母小写的驼峰式xxxYyyZzz读写该自定义属性值

  <div id="test2" data-user-name="小明">自定义属性data-user-name</div>

  // 原生js方式

  var testData2 = documentgetElementById("test2");

  consolelog(testData2datasetuserName); // 读取data-user-name的值

  consolelog(testData2getAttribute("data-user-name")); // 读取data-user-name的值

  testDatadatasetuserAge = 18;  // 设置data-user-age的值

  testData2setAttribute("data-user-age",18);  // 设置data-user-age的值

  testData2removeAttribute("data-user-age");  // 删除data-user-age属性

还可以这样用吗？ 如果按你这个写法，Input的value会是：常量字符串“${List[0]}”，这个字符串跟内存中的对象有什么关系呢？

你要是说Value里是一个json串，你可以把它转换成一个对象，这还说得过去。

以上就是关于data-set自定义属性全部的内容，包括:data-set自定义属性、input标签中value属性存入了一个对象，如何在js中获去这个对象的属性、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！