控制台日志记录内部Html作为Javascript中的单行字符串

yhived7q  于 2022-10-30  发布在  Java
关注(0)|答案(2)|浏览(135)

我试图获取DOM元素的innerHTML,并将其作为一行记录到控制台中,但是console.log()函数在记录它时使用了它在页面上显示的缩进。
举个简单的例子,在这篇文章上:http://www.nytimes.com/2015/11/27/world/europe/paris-attacks-have-many-in-france-eager-to-join-the-fight.html?_r=0我可以检索第一段的innerHTML:

document.getElementById('story-continues-1').innerHTML

在chrome控制台中运行这个命令,返回的文本是一个长的单行字符串,这正是我想要的。

console.log(document.getElementById('story-continues-1').innerHTML)

它会以漂亮的段落形式返回,而不是一长行。2感谢帮助,谢谢。

mnemlml8

mnemlml81#

这里没有任何帮助--这就是Chrome控制台的工作原理。它不允许水平滚动,在字符串"PARIS — The attacks by militants tied to the Islamic State less than two weeks ago in Paris have awakened a patriotic fervor in <a href="http://topics.nytimes.com/top/news/international/countriesandterritories/france/index.html?inline=nyt-geo" title="More news and information about France." class="meta-loc">France</a> not seen in decades."中,它只是在空格处换行。
你不能改变他们的控制台的工作方式,除非你建立自己的浏览器。
如果只需要文本,可以执行以下操作:

console.log(document.getElementById('story-continues-1').textContent)
z3yyvxxp

z3yyvxxp2#

stringify(谢谢Shomz)就是我要找的。它显示字符串包含隐藏的/n字符,这些字符创建了新的行。一旦这些字符被删除,字符串将按照需要记录在一行中。

相关问题