2

基本上，如果我在任何浏览器中右键单击并选择查看源代码，即使我可以清楚地看到页面上的内容（在 IE、Firefox、Chrome 上尝试过），代码也不会显示

如果我使用 Chrome/Firefox 的“检查元素”功能，我可以查看代码

这是我的 index.html 的相应代码：

            <!-- [TABLE] -->    
            <div id="centercol" align="center">
                <table id="table">

                </table>
            </div>

我正在使用 appendChild() 在我的 javascript 中添加 tr/td

检查元素：http : //i.imgur.com/pZBb5.png

查看来源：http: //i.imgur.com/W7pXm.png

为什么会这样？

4

4 回答 4

0

查看源代码会看到硬代码/静态代码，检查 DOM 会显示生成的动态代码。您可以使用innerHTML.

于 2012-08-24T13:51:12.970 回答
0

“源代码”是从服务器发送的原始响应正文。当您检查元素时，它以序列化形式表示页面的实时状态。

例如，实际上只是从服务器发送这个：

<script>

由于上述内容已被解析和序列化，因此在检查器中可能会变成这样：

<html><head><script></script></head><body></body></html>
于 2012-08-24T13:51:33.673 回答
0

源代码是原始文档，未经 JavaScript 修改

Inspect 元素向您展示了 DOM 的序列化，这基本上是在屏幕上直观表示的标记。

于 2012-08-24T13:55:49.740 回答
-1

发生这种情况是因为“viewsource”不运行 JavaScript。如果您的整个页面都是 JS，那么您只会看到非 JS 元素。

于 2012-08-24T13:51:48.180 回答