如何:编写漂亮的HTML代码和Javascript控制台

这不是让任何代码工作的问题，而是OCD:-）的问题

如果我有这个代码：

<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控制台输出。

我说得对吗？或者我能改变一下吗？我知道这似乎是一件小事，但如果可以的话，我想去掉控制台上不必要的空间。

谢谢。

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