Элемент не в исходном коде во время выполнения

Question

на замковом обработчик кнопки я хочу, чтобы добавить скрытый элемент внутри DIV:

... 
<div id="produits_choisis"></div> 
... 
<script> 
$(document).ready(function(){ 
    $('#btnOne').click(function() { // btnOne is a HTML button 
     $('#produits_choisis').append("<input type='hidden' id='produit_x' />"); 
    }); 
... 
}); 

При нажатии на кнопке, то я смотрю исходный код страницы, но div produits_choisis все еще пуст! Так почему он пуст?

Answer 1

JavaScript работает на DOM в памяти, а не на исходном исходном коде страницы.

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