在Chrome中，這給HTML標籤：console.log（variable）; VS console.log（[variable]）; /一個給信息另一個不？
var image = document.getElementsById('image');
console.log(image);
在Chrome中，這給各類信息，如clientWidth等：
console.log([image]);
這是爲什麼？
console.log是一個挑剔的方法。它是由瀏覽器團隊決定的，因爲沒有正式的規範（最後我檢查過）。
在第一個.log(image) Chrome.console似乎在您的HTMLElement上運行.toString（或等效）方法，併爲您提供字符串輸出。
在第二個.log([image]) Chrome.console輸出數組的內容作爲索引對象/原語。它不會嘗試處理與log的第一級參數相同的數組的子元素，因此它會爲您提供實際的HTMLElement對象，而不是字符串輸出。
作爲一個附註，你可以使用'console.dir'來記錄對象而沒有太多挑剔的行爲。 – TbWill4321
明白！謝謝。 – Sinatra
console.log(image);
這將記錄在文檔中直接引用HTMLELement，示出了實際<img>（或任何其它元件）標籤。
console.log([image]);
在這裏你傳遞一個Array作爲參數，它將記錄一個數組。該陣列只顯示HTMLElement的Object。
點擊HTML標籤應該展開它，或者讓它檢查DOM標籤中的至少 – Bergi