Не видит элемент
 

Здравствуйте.
Пытаюсь написать юзерскрипт для одной браузерки.
Когда в консоли прописываю получить элемент по классу мне возвращает undefined, но если я чрез просмотр кода элемента найду его в коде страницы в ручную и пропишу ту же самую команду то элемент находится без проблем.
В чём может быть загвоздка? В каком направлении хотя бы гуглить?

Всё просто: элемент появляется на странице уже после того как отработал скрипт.

Простой вариант - подождать появления:

function main(element){
  //код скрипта делающий что-то с элементом
}

(function wait(){
  var element = document.querySelector('#id');
  if(element) //если элемент найден
    return main(element); //вызываем функцию main

  setTimeout(wait, 100); //иначе ждём ещё 100ms  
}());

Сложный - вмешаться в работу функции приводящей к появлению этого элемента.

Как у вас получается в коде страницы скрипт выполнять?

Aetae
Не думаю что из-за этого.

Элемент уже появился и я в консоли прописал вручную после появления элемента но он не видит. Но когда я нажал ПКМ и просмотр кода элемента и сам так сказать вручную до нужного элемента дошёл он стал видеть.

Rise
Я не в коде скрипт выполнял, я в коде нужный элемент в ручную находил. Немного косноязычно выразился.

Вот примерно так

А как вы его получаете по классу, просто я не знаю поисковых методов которые бы возвращали undefined, обычно null или пустая коллекция?

селектор правильный ты сотворил, чтоб элемент промыслить?

----
элемент точно не в ифрейме?

может, таких меньше 17, вот и undefined

Так и есть, выбрал элемент в инспекторе и сменился контекст в консоли.

Alexandroppolus
В 1 картинке до просмотра кода в ручную и после.
и после просмотри находит таки 17 элемент хотя ни каких действия на экране я не совершал.
До просмотра кода даже 0 элемент не находит.

элемент точно не в ифрейме?
Сейчас проверил, да в iframe.
Что такое не знаю, но сейчас буду гуглить, может в нём дело.