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

Question

这不是使任何代码有效的问题，而是更多的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控制台输出。

我在这方面是否正确还是可以更改此内容？ 我知道这似乎是一件小事，但如果可以的话，我想在我的控制台中删除不必要的空格。

感谢。

Answer 1

似乎你可以使用String.prototype.trim()完成你正在寻找的东西（更漂亮的日志记录）：

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