如何在不使用CSS的情况下在动态添加的javascript DOM元素中保留空白？
如何在不使用CSS的情况下在动态添加的javascript DOM元素中保留空白？
提问于 2012-05-06 22:07:33
当添加带有小空格的文本时，为了对齐目的，空格会被裁剪掉(空格是在c#中添加的，所以当它到达前端Javascript时，它不能被编辑-，最好使用一些CSS来完成，但它不是选项)。
以下是我迄今所做的尝试：
var zlp = document.getElementById("testDiv")
zlp.innerHTML = "hello hello"
var zzz = document.createTextNode("hello hello")
zlp.appendChild(zzz)<div id="testDiv"></div>
两者都能产生hello hello。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-06 22:10:38
空白字符通常在HTML中折叠(默认情况下)。
您可以用 实体替换它：
var text = text.replace(/\s/g, ' ');\s将匹配任何空白字符，如空格、制表符和新行。如果您只想替换空间，请改用/ /g。
避免字符串操作的其他选项：
- 将文本放入元素中。
- 如
white-space所指出的，将CSS 2white-space属性设置为pre。始终可以将CSS属性动态添加到元素中，它们不必在样式表中指定。
Stack Overflow用户
发布于 2012-05-06 22:11:19
使用
zlp.innerHTML = "hello hello";就像其他人刚才说的。
Stack Overflow用户
发布于 2012-05-06 22:11:04
空白在HTML中折叠。这不是JS问题，如果在HTML文档中手动输入，也会发生同样的情况。你需要用新的空间来代替
zlp.innerHTML = "hello hello".replace( / /g, " " );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10474696
复制相关文章
相似问题
腾讯云开发者
