元素在运行时不在源代码中

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的表示。