Кукловод не является действительным селектором

Question

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

Я не могу заставить селектор работать.Я щелкаю правой кнопкой мыши в поле ввода и копирую селектор, используя инструменты разработчика Chrome, и получаю #company-legal-name > span > ng-transclude > wf:textfield > div > input

Но если я помещу это в консоль

document.querySelector('#company-legal-name > span > ng-transclude > wf:textfield > div > input')

, я получаю эту ошибку

VM637:1 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#company-legal-name > span > ng-transclude > wf:textfield > div > input' is not a valid selector.
at <anonymous>:1:10

Я пробовал много разных вещей, но он никогда не может найти селектор.Страница кажется угловой, если это имеет значение.К сожалению, я не могу связать страницу, так как она заблокирована не для администратора.

PS:

document.getElementById('#company-legal-name')

возврат null

Answer 1

• Вы получаете недопустимый селектор из-за двоеточия (:), в частности, wf:textfield не является допустимым селектором для querySelector, даже если вы получаете его с помощью элемента inspect.
• getElementById потребуетубрать хеш перед селектором #

Решение: Убрать сломанный кусок (wf:textfield) и написать так:

#company-legal-name input

Похоже, мы также можем использовать input[name="input_2"], как обсуждалось в комментариях.

Answer 2

wf:textfield не является допустимым селектором CSS, поэтому вы получаете синтаксическую ошибку:

> document.querySelector('wf:textfield')
SyntaxError: 'wf:textfield' is not a valid selector

, тогда как без wf: допускается:

>document.querySelector('textfield')
null

Я такжеесть сомнения по поводу селектора ng-transclude, который, как я предполагаю, должен быть именем тега (Angular?).