DOM與網站的原始源代碼之間有什麼相似之處？

Question

我知道DOM與網站的原始源代碼不同。 DOM已經執行並嵌入到網站的源代碼中。但是我想知道DOM代碼和原始代碼中是否存在任何組件。

Answer 1

原始源代碼是瀏覽器用來初始構建它將保存在內存中的文檔的內容。內存中的文檔是「文檔對象模型」或「DOM」。一旦文檔被加載到內存中，可能會發生變化，使其不再與源代碼中指定的初始文檔相同。

例如，當您運行下面的代碼片段時，您會看到HTML和CSS導致頁面的背景爲黃色，但是當您單擊文檔上的任何位置時，背景將變爲紅色。這演示了初始文檔如何來自源，然後內存中的文檔可能會偏離該源文件。

document.addEventListener("click", function(){ 
 
    document.body.style.backgroundColor = "blue"; 
 
});

body { background-color:yellow; }

<p>click anywhere</p>