Добавление данных в Shadow DOM элементы автоматически

08.03.2017, 12:39. Показов 1117. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Мне необходимо вставить имя и пароль в поля Shadow DOM элемента автоматически, а затем залогиниться.

Shadow Dom элемент:

HTML5
1
2
3
4
5
6
<input type="text" class="_y" aria-required="true" autocapitalize="off" autocorrect="off" maxlength="30" name="username" placeholder="username" value="">
#shadow-root (user-agent)
<div id="inner-editor"></div>
<div pseudo="-webkit-input-placeholder" id="placeholder" style="visibility: visible; text-overflow: clip;">Username</div>
</input>
</div>

Аналогично выглядит поле пароля.

Мои шаги:
1) Открываю браузер Chrome.
2) В браузере открываю Google developer tools console.
3) document.querySelector('input').value = "username" - добавляю имя, вижу, что имя в поле добавилось
4) document.querySelectorAll('input')[1].value ="password" - добавляю пароль, вижу, что пароль добавился.
5) Нажимаю на кнопку Log in - document.querySelector('button').click()

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

В чём может быть проблема?

Код кнопки:

HTML5
1
2
3
 <span class="_r ">
<button class="_a">Enter</button>
</span>

Все элементы (поле имени, пароля и кнопка) находятся в тэге <form>.

Я пытался перед нажатием делать document.querySelector('form').setAttrib ute("onsubmit", "return false;"), но это не помогает.

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

08.03.2017, 12:39

Ответы с готовыми решениями:

Включить Shadow DOM в хроме
Как? Добавлено через 48 минут Разобрался

Использование Shadow DOM: скорость и приватность.
Добрый день, поясните плииз его возможности "на пальцах". Для одного срочного/"горящего" проекта пишу на "чистом"...

Shadow DOM. Экскурсия по "злачным" местам
Я приветствую всех кто зашел сюда. Тема, что я хочу поднять, многим новичкам не знакома, включая меня. Недавно один из участников...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

08.03.2017, 12:39

Помогаю со студенческими работами здесь

Написать скрипт, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM
Написать скрипт на языке JavaScript, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM (объект document). ...

Добавление новых элементов в DOM
Собственно проблема в следующем. Необходимо при нажатии на элемент (в данном случае ссылка) полностью изменять содержимое определенного...

DOM вставка содержимого и интерактивное добавление/удаление
Ребята, помогите пожалуйста советом, примером или ссылкой... Делаю КР (сайт), а вопрос вот в чем: 1) Необходимо вставить HTML-содержимого...

Элементы SVG в DOM
Здравствуйте, такой вопрос: дан элемент <svg>, он интегрирован в объектную модель документа, и в JS мы имеем полный доступ к свойствам...

Как выбрать элементы с одинаковыми id в DOM?
Помогите разобраться. Как выделяется дочерний элемент с id="p2"? Если таких элементов с одинаковыми id на странице несколько, вот код: ...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

Наверх