使用“data-*”属性替换 HTML 标签中的“id”属性以实现 CSS 选择目的

Question

使用“data-”属性来替换元素（标签）中的“id”属性以进行CSS选择，然后在自动化测试脚本中使用这些“data-*”属性是一个好主意吗？

Answer 1

事实上，您可以使用元素的任何属性。

所以，是的，如果元素是唯一标识的，您也可以使用data-*属性而不是id属性。

HTML 数据-* 属性

• 这些data-*属性用于存储页面或应用程序私有的自定义数据。
• 这些data-*属性使我们能够在所有 HTML 元素上嵌入自定义数据属性。
• 然后，可以在页面的 JavaScript 中使用存储的（自定义）数据来创建更具吸引力的用户体验（无需任何 Ajax 调用或服务器端数据库查询）。
• 属性data-*由两部分组成：
  • 属性名称不应包含任何大写字母，并且前缀后的长度必须至少为 1 个字符data-
  • 属性值可以是任意字符串
• 注意：前缀为 的自定义属性data-将被用户代理完全忽略。