Правильно ли, что элементы страницы, созданные jQuery, не отображаются в исходном коде

Question

У меня есть следующий код (фрагмент):

 var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for(var page =0; page < numPages; page++) {
 $('<span class="page-number">' + (page + 1) + '</span>')
  .appendTo($pager).addClass('clickable');
  }
 $pager.insertBefore($table);

Правильно ли, что при просмотре исходного кода я не вижу код "<div class="...?

Answer 1

Да. Источник просто используется для создания начального DOM , который представляет документ. Динамически созданные элементы вставляются только в DOM.

Но вы можете анализировать такие элементы с помощью DOM viewer, например, Safari WebInspector или Firefox Extionsion Firebug. Firefox также может отображать исходный код, который представляет такие динамически созданные элементы, выбрав этот элемент, выбрав Просмотреть источник выбора в контекстном меню.

Answer 2

Да, они НЕ появляются,

элементы, созданные с помощью javascript, не отображаются в части браузера «Просмотр источника».

Answer 3

Да, это правильно.

В Firefox вы можете увидеть самый последний источник, выбрав все на странице (Ctrl + A), а затем используя Rightmouse + View Selection Source. Или даже лучше, вы должны установить firebug.

Answer 4

Вы можете использовать FireBug, чтобы найти его, если вам нужно увидеть его в действии.

Answer 5

Да. Элементы добавляются непосредственно в DOM и не видны через обычный источник просмотра.

Answer 6

В IE после нажатия клавиши F12, а затем в разделе HTML вы можете нажать кнопку обновления, чтобы увидеть обновленный код.