javascript - 看不到动态添加的 元素

Question

在我的 Rails 应用程序中，

我在进行 ajax 调用，根据 json 响应我正在制作复选框树

ajax 调用后，复选框在 View 页面上显示正常，

但是当我尝试查看页面源代码时，浏览器在页面源代码中看不到动态添加的元素，我只能在添加动态内容之前看到源代码元素

任何人都可以告诉我，我做错了什么还是某些浏览器属性表现如此？？

我的 ajax 响应函数添加动态元素

success: function(data) 
                    {
                        jQuery("#gradeContent").css("display","block");
                        var s=[]
                        jQuery("#gradeContent123").append('data');
                        jQuery("#gradeContent").append('<ul id="gradeContent_ul" class="ui-widget-daredevel-checkboxTree ui-widget ui-widget-content">')
                        jQuery.each(data, function(k,v) 
                        {
                            jQuery("#gradeContent").append('<li><input type="checkbox" name="category" id="category"/><span>'+k+'</span><ul>');

                            jQuery.each(v,function(k1,v1)
                            {
                                jQuery("#gradeContent").append('<li><input type="checkbox"/><span>'+v1+'</span></li>');
                            });


                            jQuery("#gradeContent").append('</ul></li><br/>');
                        });
                        jQuery("#gradeContent").append('</ul>');

                        jQuery('#gradeContent_ul').checkboxTree();

                    }

Answer 1

是的，这是浏览器的属性和自然行为。 “查看源代码”仅显示页面首次加载时来自服务器的初始 html 代码。