Нужен совет новичку. Поиск элемента в DOM

@illustrated man · Регистрация: 05.01.2014

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

Необходим скрипт, который позволит найти на странице кнопку/ссылку и нажать ее.

Попробовал варианты:

Javascript

1
2
3

var span = document.getElementById('menu4')
var menu4 = span.getElementsByTagName('*')
menu4[1].click()

и

Javascript

1 2	var elems = document.getElementsByTagName('a') elems[1].click()

Оба они работают, но как-то странно... Если запустить сразу после загрузки страницы, получаю ответ ""VM1492:2 Uncaught TypeError: Cannot read property 'getElementsByTagName' of null или во втором случае VM1526:2 Uncaught TypeError: Cannot read property 'click' of undefined.

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

P.S. Необходимые элементы находятся довольно глубоко в странице. Но страница константная, поэтому подходит вариант спарсить все теги "a" и выбрать необходимый, elems[1].click()

Спасибо.

Добавлено через 3 часа 42 минуты
Up.

@kalabuni · 17.10.2016, 16:16

Сообщение от illustrated man

Оба они работают, но как-то странно...

нормально они работают
браузер прочитывает код файла построчно и последовательно
чтобы что-то найти в DOM'e, надо сначала этот самый DOM иметь
браузер ещё не увидел ни одной ссылки <a href="где-то">что-то</a>, а вы уже требуете от него вернуть коллекцию всех ссылок в документе document.getElementsByTagName('a') и кликнуть по ссылке с индексом [1]

Браузер вам честно отвечает -- "я пока вообще ни одной ссылки в документе ещё не встретил", коллекция ссылок поэтому пустая и кликнуть по конкретному элементу пустоты я не могу"
вам надо дождаться, когда окно полностью загрузится и только потом требовать от браузера что-то искать в документе, загруженном в окно

изучите событие window.onload

учебный пример

@illustrated man · 17.10.2016, 16:45 **[ТС]**

Спасибо, но я написал - "Если запустить сразу после загрузки страницы". То есть страница уже загружена полностью, но скрипт не работает до тех пор пока указателем из консоли не указать на нужный элемент, после чего скрипт успешно запускается n раз, до перезагрузки (обновления) страницы.

@kalabuni · 18.10.2016, 02:43

illustrated man, какие-то сказки рассказываете

сделайте страницу с одной единственной ссылкой <a href="http://yandex.ru">link</a>
пропишите на ней в начале её скриптовой блок <script></script> с кодом

Javascript

onload = function ()
    {
    document.getElementsByTagName('a')[0].click ();
    }

в окне вы должны будете увидеть стартовую страницу Яндекса:
а) без каких-либо ошибок исполнения
и
б) вне зависимости от того -- в каком именно месте вашей страницы эта ссылка находится и что именно ещё на странице у вас имеется

все эти ваши "консольные извращения" - не более чем мазохизм

@j2FunOnly · 18.10.2016, 10:22

illustrated man, юзерсприпт, расширение для браузера делаете? Может пункты меню загружаются асинхронно? Да может быть что угодно (╯°□°）╯︵ ┻━┻
Дайте ссылку, где вы там кликаете.

@illustrated man · 18.10.2016, 13:44 **[ТС]**

j2FunOnly, kalabuni, Да, я вроде нашел причину проблемы, нужная мне часть сайта лежит в

HTML5

<html>
<head>...</head>
<body>
......
<iframe class="FRAME".......>
#document
</iframe>
......
</body>
</html>

К сожалению не заметил этого сразу

Как я могу обратиться к тому что находится внутри этого фрейма?

Добавлено через 11 минут
Я так понял данные внутри #document скрыты от моих скриптов даже после полной загрузки страницы

@kalabuni · 18.10.2016, 17:51

вы даже предствить себе не можете, насколько мне надоело давать здесь одну и ту же ссылку на правило ограничения домена -- не разрешён клиентский программный доступ к чужой странице
да, через консоль браузера вы можете ручками полазить по чужой странице, но программно -- никак

в свою собственную страницу вы можете внедрить скрипт, который может программно делать с этой вашей страницей всё, что угодно -- кликать по любым кнопкам/ссылкам, вставлять, удалять или изменять любые фрагменты текста/кода
а вот хоть что-либо делать с чужой страницей нельзя (от слова совсем)

что ж вас всех так тянет попортить чужое?
делайте своё и изгаляйтесь над своим, как хотите

по опыту знаю, что сейчас сюда набежит куча советчиков и они будут рассказывать про greasemonkey и про node.js, с помощью которых можно влезть на чужую страницу
да , это тоже javascript, но внедрённый не в страницу, а в другие среды (первый внедряется в браузер конкретного (вашего) компьютера, второй - вообще на сервер)

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	17.10.2016, 16:16	2
	Сообщение от illustrated man Оба они работают, но как-то странно... нормально они работают браузер прочитывает код файла построчно и последовательно чтобы что-то найти в DOM'e, надо сначала этот самый DOM иметь браузер ещё не увидел ни одной ссылки <a href="где-то">что-то</a>, а вы уже требуете от него вернуть коллекцию всех ссылок в документе document.getElementsByTagName('a') и кликнуть по ссылке с индексом [1] Браузер вам честно отвечает -- "я пока вообще ни одной ссылки в документе ещё не встретил", коллекция ссылок поэтому пустая и кликнуть по конкретному элементу пустоты я не могу" вам надо дождаться, когда окно полностью загрузится и только потом требовать от браузера что-то искать в документе, загруженном в окно изучите событие window.onload учебный пример 1

@illustrated man 1 / 1 / 0 Регистрация: 05.01.2014 Сообщений: 35
	17.10.2016, 16:45 [ТС]	3
	Спасибо, но я написал - "Если запустить сразу после загрузки страницы". То есть страница уже загружена полностью, но скрипт не работает до тех пор пока указателем из консоли не указать на нужный элемент, после чего скрипт успешно запускается n раз, до перезагрузки (обновления) страницы. 0

@j2FunOnly the hardway first 2461 / 1836 / 906 Регистрация: 05.06.2015 Сообщений: 3,603
	18.10.2016, 10:22	5
	illustrated man, юзерсприпт, расширение для браузера делаете? Может пункты меню загружаются асинхронно? Да может быть что угодно (╯°□°）╯︵ ┻━┻ Дайте ссылку, где вы там кликаете. 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	18.10.2016, 17:51	7
	Сообщение было отмечено illustrated man как решение Решение вы даже предствить себе не можете, насколько мне надоело давать здесь одну и ту же ссылку на правило ограничения домена -- не разрешён клиентский программный доступ к чужой странице да, через консоль браузера вы можете ручками полазить по чужой странице, но программно -- никак в свою собственную страницу вы можете внедрить скрипт, который может программно делать с этой вашей страницей всё, что угодно -- кликать по любым кнопкам/ссылкам, вставлять, удалять или изменять любые фрагменты текста/кода а вот хоть что-либо делать с чужой страницей нельзя (от слова совсем) что ж вас всех так тянет попортить чужое? делайте своё и изгаляйтесь над своим, как хотите по опыту знаю, что сейчас сюда набежит куча советчиков и они будут рассказывать про greasemonkey и про node.js, с помощью которых можно влезть на чужую страницу да , это тоже javascript, но внедрённый не в страницу, а в другие среды (первый внедряется в браузер конкретного (вашего) компьютера, второй - вообще на сервер) 1

Нужен совет новичку. Поиск элемента в DOM

Решение