Элементы не отображаются в исходном коде страницы, а отображаются в "элементе проверки"

Question

Я работаю над сценарием для форума. Форум состоит из нескольких страниц, и каждая страница на форуме выглядит так:

www.blabla.com/forum#p1
www.blabla.com/forum#p2
www.blabla.com/forum#p3
...
www.blabla.com/forum#p220

В моем сценарии я должен найти конкретный URL-адрес на странице 220 и, если он есть, открыть его. Проблема в том, что открытие ссылки не работает так, как я хочу:

var elem = document.getElementsByClassName("all_items"), 
    i = 0;

if (elem[i].href.indexOf("www.blabla.com/item220") === 0)
    {
        window.open(elem[i].href, "_blank");
    }

Здесь я делаю следующее: сначала я определяю все элементы на странице по их классу, а затем прошу его циклически перебирать элементы, пока он не найдет ссылку "item220" и не откроет ее.

Проблема: единственные элементы и ссылки, которые фигурируют в исходном коде этого веб-сайта, это элементы страницы 1. В результате мой сценарий не может найти "www.blabla.com/item220", потому что его нет на странице 1. и, следовательно, также не в исходном коде. Хотя в меню "осмотреть элемент" я действительно могу найти ссылку на item220.

Как найти ссылку, которой нет в исходном коде, но которая появляется внутри меню "осмотреть элемент"?

Спасибо за помощь,

-Bram

Answer 1

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