JS Json代码不在视图源上输出数据

Question

我在我的页面上使用以下代码：

<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#gallery").wrap("<a rel='external' href='" + item.media.m + "'></a>");



if ( i == 20 ) return false;
});
});</script>

当我查看页面源代码时，我看不到图像标记，只是脚本，我添加了一个jS lib，以便在单击时弹出图像。

这种情况不会发生但是当我通过jquery添加图像代码并将其直接粘贴到我的页面并保存时，它会完美地运行。

有没有人知道为什么会这样？

Answer 1

小提琴效果很好：

http://jsfiddle.net/NEFma/

在大多数浏览器中，您无法在视图源中看到图像标记。

（但是，如果你使用的是chrome，你应该能够 - 右键单击​​一只猫然后说检查元素）

Answer 2

查看源代码显示原始html文件的来源，当javascript更新DOM时，它不会更新。大多数浏览器都有某种形式的工具，允许您检查DOM的当前状态，例如webkit浏览器中的检查器或firefox中的firebug。