根据 id 以外的属性查找元素

Question

对于问题的简单性或笨拙，我深表歉意，但我现在才刚刚开始使用 Testcafe/JavaScript。

现在的问题： - 我想在一个字段中输入一个值，在每次浏览器刷新时为其动态分配 id。 - 因为 id 每次都改变，我必须在其他属性之后调用查找对象问题：如何在 Testcafe 中执行此操作？

Testcafe 提出这个代码：

"2.Type in input": function() {
    act.type("#6287a1e6-prefix", "030");

和对象的属性是那些：

提前致谢

Answer 1

您可以使用选择器根据name属性找到它：

document.querySelector("input[name=Prefix]")

Answer 2

假设字段名为Prefix，可以通过以下两种方式获取元素。

var elements = document.getElementsByName("Prefix")

这将 return NodeList（如果找不到元素将 return 清空 NodeList），您可以访问 elements[0] 等元素

或

document.querySelector("input[name=Prefix]")

如果未找到元素，则 return 为空。

Find element based on a property other than id