如何：寫得真好HTML代碼和Javascript控制檯

Question

這不是一個問題的代碼進行任何工作，但更多的:-)

強迫症的問題，如果我有這樣的代碼：

<div id="div1">The text above has been created dynamically.</div>

在我的JavaScript我寫這篇文章：

var div1 = document.getElementById("div1").innerHTML; console.log(div1);

然後我得到在瀏覽器中的輸出： "The text above has been created dynamically."

但是當我這樣做在我的HTML：

<div id="div1"> The text above has been created dynamically. </div>

然後我得到這個在我的控制檯：

" The text above has been created dynamically. "

你可以看到有巨大的差距。 現在在我的實際網頁沒有什麼區別，但我喜歡整潔的代碼:-) 所以據我所知我不能有整齊的html和整潔的javascript控制檯輸出。

我糾正這個問題還是我可以改變這個？ 我知道這似乎是一件小事，但我想在我的控制檯中刪除不必要的空間，如果可以的話。

謝謝。

Answer 1

好像你可以實現你與String.prototype.trim()找什麼（漂亮日誌）：

console.log(div1.innerHTML.trim());