創建畫板：.html（）和.append（）之間的區別？

Question

我正在「複製」this sketchpad project，這意味着用X方格填充一個X頁面。爲了做到這一點，我必須創建一個div容器（用X個方塊填充），然後繼續添加.append()的X div容器。

創建（比如說）一個16x16的方形網格時，畫板顯示完美。但是，當我嘗試創建一個64x64時，第一個，只有幾行的畫板纔會部分填滿。

展望問題，我注意到了JS文件（github），我知道這行代碼的幫助，但我不知道爲什麼：

$('#grid_container').html(""); 

換句話說，爲什麼.append()足矣爲一個較小的草圖，但不是一個更大的草圖？

Answer 1

$('#grid_container').html("")第一次不需要，因爲div已經是空的。但是當你點擊另一個按鈕時，其目的是創建一個全新的網格。所以你想在添加元素前先清空div（使用append()）這就是爲什麼$('#grid_container').html("");用於清除現有網格（如果有的話）。

Answer 2

下面是文檔：

.html()
.append()

Answer 3

的$('#grid_container').html("");與將清除不管它是內部#gridcontainer。

Append不會清除任何東西，它只是在容器的末尾添加另一個元素。