Найти элемент на основе свойства, отличного от id

Question

Извините за простоту вопроса или за неуклюжесть, но я только сейчас начинаю использовать Testcafe / JavaScript.

Теперь проблема: - Я хочу ввести значение в поле, для которого идентификатор динамически выделяется при каждом обновлении браузера.- поскольку идентификатор меняется каждый раз, мне приходится вызывать функцию поиска объекта после какого-либо другого свойства. Вопрос: как я могу это сделать в Testcafe?

Testcafe предлагает этот код:

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

и свойство объекта таково:

Заранее спасибо

Answer 1

Предполагая, что именем поля является Префикс, вы можете использовать два метода для получения элементов.

var elements = document.getElementsByName("Prefix")

, который вернет NodeList (если элемент не найден, вернет пустой NodeList), вы можете получить доступ к таким элементам, как элементы [0] и т. Д.

ИЛИ

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

Если элемент не найден, будет возвращен ноль.

Answer 2

Вы можете использовать селектор, чтобы найти его на основе атрибута name:

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