如何：编写漂亮的 HTML 代码和 Javascript 控制台
How to: write nice HTML code and Javascript console
这不是使任何代码工作的问题，而是强迫症的问题:-)
如果我有这个代码：
<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 控制台输出。
我的看法是否正确，或者我可以更改吗？
我知道这似乎是一件小事，但如果可以的话，我想删除控制台中不必要的空格。
谢谢。
似乎您可以通过 String.prototype.trim():
完成您正在寻找的（更漂亮的日志记录）
console.log(div1.innerHTML.trim());
这不是使任何代码工作的问题，而是强迫症的问题:-)
如果我有这个代码：
<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 控制台输出。
我的看法是否正确，或者我可以更改吗？ 我知道这似乎是一件小事，但如果可以的话，我想删除控制台中不必要的空格。
谢谢。
似乎您可以通过 String.prototype.trim():
console.log(div1.innerHTML.trim());