Javascript innerText有新行，但innerHTML没有明确的新行、选项卡或<；br>&书信电报；p>；

我的目标是给每个角色一个不同的css特征，但它仍然保持其作为一个单词的形式，使用chrome扩展

最初的元素是

Art info

使用chrome扩展名，我用span包装每个字符

<span wms-wrap>
<span>A</span>
<span>r</span>
<span>t</span>
 <span>i</span>
<span>n</span>
<span>f</span>
<span>o</span>
</span>

发现在每个跨距之间插入新线

我在网上搜索并应用了一些建议，比如nobr标签，但仍然添加了新行

---

如何防止出现这些意外的新行？

新行出现是因为它们出现在源代码中。显示时会折叠空白，这可能会受到CSS的影响，但您看到的是DOM，它是显示逻辑的输入，因此需要保留原始空白

您可以更改源代码，使其不包含换行符，也可以稍后使用JavaScript字符串.replace调用删除它们。因为您没有显示太多的代码，所以很难比这更具体

---

另一方面，如果重要的是它的外观，那么不要太担心DOM。

新行在那里，因为它们在源代码中。显示时会折叠空白，这可能会受到CSS的影响，但您看到的是DOM，它是显示逻辑的输入，因此需要保留原始空白

您可以更改源代码，使其不包含换行符，也可以稍后使用JavaScript字符串.replace调用删除它们。因为您没有显示太多的代码，所以很难比这更具体

---

另一方面，如果重要的是它的外观，那么不要太担心DOM。

请用一个演示问题的示例更新您的问题，最好是使用堆栈片段（

[]

工具栏按钮）运行的问题。我们无法在代码、HTML和CSS方面为您提供帮助，我们看不到。：-）删除

和

之间的换行符是一个选项吗？请确认

是否正确？

wms wrap

some（自定义）属性的值不是吗？@Sebastian Simon Yes删除span are之间的换行符acceptable@secan你是对的。正确的代码是请用演示问题的代码更新您的问题，最好是使用堆栈片段（

[]

工具栏按钮）运行的代码。我们无法在代码、HTML和CSS方面为您提供帮助，我们看不到。：-）删除

和

之间的换行符是一个选项吗？请确认

是否正确？

wms wrap

some（自定义）属性的值不是吗？@Sebastian Simon Yes删除span are之间的换行符acceptable@secan你是对的。正确的代码是

<span>A</span><span>r</span><span>t</span> <span>i</span><span>n</span><span>f</span><span>o</span>

$0.innerText
"A
R
T
I
C
L
E
I
N
F
O"