Est-il exact que les éléments de page créés par jQuery ne se présentent pas dans le code source

Question

J'ai le code suivant (extrait):

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); 

Est-il exact que lorsque je considère la source de la page Je ne voyez le code "<div class="...?

Answer 1

Oui. La source est juste utilisée pour construire le DOM initial qui représente le document. Les éléments créés dynamiquement sont uniquement insérés dans le DOM.

Mais vous pouvez analyser ces éléments avec une visionneuse DOM comme WebInspector de Safari ou Firefox extionsion Firebug. Firefox peut également afficher le code source qui représente ces éléments créés dynamiquement en sélectionnant cet élément et en choisissant Afficher la source de sélection dans le menu contextuel.

Answer 2

Oui, ils ne se présentent pas,

éléments créés avec le javascript arent't visible dans la partie « Vue source » du navigateur.

Answer 3

Oui. Les éléments sont directement ajoutés au DOM et non visibles via une source de vue normale.

Answer 4

Oui, c'est correct.

Dans firefox, vous pouvez voir la dernière source en sélectionnant tout sur la page (ctrl + a), puis en utilisant rightmouse + view source source. Ou encore mieux, vous devriez installer firebug.

Answer 5

Vous pouvez utiliser FireBug pour le trouver si vous avez besoin de le voir en action.

Answer 6

Dans IE, après avoir appuyé sur F12, puis dans la section HTML, vous pouvez appuyer sur le bouton d'actualisation pour voir le code mis à jour.