javascript - 如何: write nice HTML code and Javascript console

标签 javascript html console whitespace

这不是一个让任何代码都能工作的问题,而是一个强制症的问题:-)

如果我有这个代码:

<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/

相关文章:

java - java JFrame 中奇怪的空白

jquery - 浏览器控制台中的 Ajax

java - Eclipse 项目目录不在终端中显示新创建的文件

javascript - Angular : How to access scope from ui-grid cell template?

javascript - richembed 字段可能不为空错误 -- 我该如何解决这个问题?

javascript - 如何在 Javascript ES6 中使用 "hide"类名?

jquery - 粘性导航栏未正确定位

javascript - 如何为 flexDirection=row 设置alignSelf

jquery - 带有(html)页面的jquery中的addClass问题

javascript - 改变innerHTML javascript