Webdriver中元素ID是否应为数字？格式不符及类型转换疑问

咱们一步步来理清你遇到的这些问题：

1. 元素ID本来就不需要是数字！ #

首先得纠正一个误解：HTML规范里从来没要求元素ID必须是数字。官方的ID命名规则是这样的：

• 首字符必须是字母（A-Z/a-z）
• 后续可以跟着字母、数字、连字符（-）、下划线（_）、冒号（:）或者点号（.）
• 绝对不能包含空格或其他特殊符号

所以你看到的那种类似c87e08da-358e-45a8-b75c-c17cde92f606的UUID格式字符串，完全符合规范，是合法的元素ID。

2. 不同浏览器/模式下的ID返回值差异是怎么回事？ #

你提到的两种情况都是浏览器的内部行为，和规范本身无关：

• W3C标准模式：Firefox和Chrome都会直接返回元素定义的实际ID值（也就是那个UUID字符串），这是完全符合规范的正确行为。
• 非W3C怪异模式：Chrome会把ID转成类似45.32131231423424324324254245的浮点数——这其实是浏览器为了兼容超老旧网页的历史遗留操作，现在几乎没人用怪异模式了，也绝对不建议依赖这个行为。

另外要明确：那些UUID字符串根本不是数字，它们是由字母、数字、连字符组成的唯一标识符，本质就是字符串类型，不存在对应的“整数形式”。

3. 怎么把这些ID转换成Integer？ #

得分两种情况来看：

• 如果你的ID本身是纯数字字符串（比如"12345"），直接用parseInt(id, 10)或者Number(id)就能轻松转成整数。
• 但如果是UUID这类包含非数字字符的ID，无法转换成有实际意义的整数——强行转换的话只会得到NaN（非数字）。如果一定要把它映射成一个整数，只能用哈希算法生成一个对应的哈希值，比如：

  function strToIntHash(str) {
    let hash = 0;
    for (let i = 0; i < str.length; i++) {
      hash = str.charCodeAt(i) + ((hash << 5) - hash);
    }
    return hash;
  }
  // 使用示例
  const targetId = "c87e08da-358e-45a8-b75c-c17cde92f606";
  const hashInteger = strToIntHash(targetId);
  

  不过要注意，哈希值可能会出现冲突（不同字符串生成相同哈希），而且这种转换是不可逆的，没法从哈希值还原回原ID。

内容的提问来源于stack exchange，提问作者Merc