#javascript #html #dom #shadow
#javascript #HTML #dom #shadow
Вопрос:
Я имею дело с этим фрагментом html-кода в форме:
<input type="text" class="theme__main-background--background-color--reverse">
#shadow-root (user-agent)
<div></div>
</input>
Я хотел бы заполнить это поле ввода с помощью javascript, но если я установлю атрибут value, при попытке отправить форму она возвращается в пустое состояние.
Я думаю, это из-за прикрепленной тени, я прав? Если это может помочь, когда я вручную заполняю входные данные, дочерний div также получает тот же текст.
Есть ли способ правильно заполнить это поле с помощью javascript, чтобы форма могла быть отправлена?
Спасибо.
Комментарии:
1. пожалуйста, опубликуйте, что вы уже пробовали
2. я не понимаю вашего вопроса. каков ваш ожидаемый результат
3. У меня есть форма с несколькими текстовыми вводами, подобными той, что опубликована выше. Я хотел бы заполнить их, а затем отправить форму, нажав на кнопку отправки. Я попытался установить атрибут value с помощью js; Я вижу, что текст правильно вставлен в поле ввода, но как только я вручную нажимаю на другое поле ввода, предыдущее заполненное возвращается в пустое состояние.
4. можете ли вы развернуть shadow dom и рассказать мне, что это внутри shadow dom?
5. Я вижу только div внутри теневого dom.