无法在视图源上获取div更新的innerhtml

Question

我使用服务器端代码中的javascript渲染我的div。 在clitn上呈现时的脚本会异步进行另一次调用并获取要显示的一些数据（图像），具体取决于发送的参数。但是，当我尝试查看页面的源代码时，我没有得到“图像标记”，但是当我通过firebug或IE开发人员工具栏看到它时，我会看到图像.. 当我试图通过javascript获取图像对象时，它不会返回任何内容。

请告诉我如何判断图像是否已在客户端呈现？

Answer 1

当您在浏览器中查看源代码时，您可以看到收到的源代码。在页面中修改它的任何内容都不会显示。您可以通过查看浏览器开发工具栏中的代码来查看HTML / DOM的更改，例如IE Dev工具栏，Chrome / Safari中的开发人员工具栏或Firebug。

要确定图像是否已渲染，我相信您可以绑定图像的加载事件，以告诉您的代码确实已加载。 JQuery的.load（）事件是我过去用过的事情，但有一些警告，请参阅http://api.jquery.com/load-event/

Answer 2

上下文菜单中的

视图源显示服务器发送的HTML代码。如果您想查看实际的HTML，序列化，您可以：

• 选择页面中的部分并使用“视图选择源”（在FF中，不确定名称）
• 使用Firebug“inspect Element”。
• 使用如下脚本：document.getElementsByTagName（'html'）[0] .outerHTML;

但要知道图片是否已加载，您应该使用加载事件处理程序，如：

<img src="there.jpg" onload="triggeredCode()" />

Answer 3

我认为你会知道它，如果在页面加载后正确显示...