2012-08-24 95 views
2

基本上,如果我右鍵點擊任何瀏覽器並選擇查看源代碼將不會顯示,即使我可以清楚地看到頁面上的內容(嘗試在IE,Firefox,Chrome )源代碼不顯示

如果我使用Chrome/Firefox中的 「檢查元素」 的功能,我可以然而查看代碼


這是我的index.html的各自的代碼:

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

       </table> 
      </div> 

我正在使用appendChild()來添加TR/TD在我的JavaScript

InspectElement:http://i.imgur.com/pZBb5.png

查看源文件:http://i.imgur.com/W7pXm.png


爲什麼會出現這種情況?

+0

因爲如果您使用Javascript創建HTML,該HTML不是「源」。您需要使用調試器。 –

+1

+1以抵消downvotes。這個問題可能比一些基礎更爲基礎,但我沒有看到任何理由使其失望。 – jammypeach

+0

@jammypeach同意! – Ian

回答

0

查看源代碼會看到硬代碼/靜態代碼,檢查DOM會顯示動態代碼。您可以使用innerHTML獲取生成的源代碼。

0

「源代碼」是從服務器發送的原始響應主體。當你檢查元素時,它以序列化的形式表示頁面的實時狀態。

舉例來說,真的只是從服務器發送此:

<script> 

還不如上面的解析在檢查成爲這個和系列化:

<html><head><script></script></head><body></body></html> 
+0

並非總是如此。我非常確定不同的調試器以不同的方式解釋事物,並且也取決於內容類型。當檢查一個javascript文件(字面上是普通的javascript代碼,但內容類型爲「text/javascript」)時,它具有

的內部文本,其內部爲。 –
                        
                            
    Ian
                                
                            
                        
                    

+0

什麼具體不總是對的? – Esailija

+0

你剛編輯你的帖子來反駁我說的話。你聲稱發送「」。 – Ian

-1

,它的發生是因爲「viewsource」不運行JavaScript。 如果你的整個頁面是JS,那麼你只會看到非JS元素。

0

源代碼是原稿,由JavaScript

檢查元件顯示您的DOM,這基本上是在屏幕上可視地表示的標記的序列未修飾。

+1

它顯示了DOM的序列化,它不能表示諸如'.value'或事件監聽器之類的東西。 DOM不是標記,而是內存中的對象表示。 – Esailija

+0

對於這樣一個簡單的問題,我想給出一個非常簡單的想法。不想讓它過度複雜化。但是,我會從您的評論中竊取「序列化」。 –

+0

從什麼時候你不能在Firebug中看到「.value」? – Ian