这不是一个让任何代码都能工作的问题,而是一个强制症的问题:-)
如果我有这个代码:
<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());
关于javascript - 如何: write nice HTML code and Javascript console,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29358924/