首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在不使用CSS的情况下在动态添加的javascript DOM元素中保留空白?

如何在不使用CSS的情况下在动态添加的javascript DOM元素中保留空白?
EN

Stack Overflow用户
提问于 2012-05-06 22:07:33
回答 3查看 22.4K关注 0票数 11

当添加带有小空格的文本时,为了对齐目的,空格会被裁剪掉(空格是在c#中添加的,所以当它到达前端Javascript时,它不能被编辑-,最好使用一些CSS来完成,但它不是选项)。

以下是我迄今所做的尝试:

代码语言:javascript
复制
var zlp = document.getElementById("testDiv")
zlp.innerHTML = "hello                hello"
var zzz = document.createTextNode("hello                hello")
zlp.appendChild(zzz)
代码语言:javascript
复制
<div id="testDiv"></div>

两者都能产生hello hello

EN

Stack Overflow用户

发布于 2012-05-06 22:11:04

空白在HTML中折叠。这不是JS问题,如果在HTML文档中手动输入,也会发生同样的情况。你需要用新的空间来代替

代码语言:javascript
复制
zlp.innerHTML = "hello                hello".replace( / /g, "&nbsp;" );
票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10474696

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档