如何使用JavaScript在DOM中设置空间

为什么下面的简单代码不呈现JavaScript字符串中包含的前导空格

HTML

<p id="sample"></p>

---

当HTML呈现文本时，它会修剪值。如果您确实需要一个空格（但需要使用

.html（）

），则可以放置一个不间断空格：

---

或者，最好的方法是使用CSS属性

使用HTML实体作为空间并将其添加为HTML怎么样

$("#sample").html(" "+"space before me"); 

---

Web浏览器以定义的方式处理空白。为了避免代码缩进等引起布局更改的情况，大量空格被折叠

在Javascript中创建的字符串的开头确实包含空格。但是，如果您尝试使用Javascript或简单的HTML呈现内容，则将忽略空白。看

以下是官方的HTML空白规则：

要强制使用空格，必须指示浏览器不希望忽略此空格。您可以使用其中一个HTML空格字符来完成此操作。使用不间断的空格可能是最好的方法。因此，您的代码将成为：

$("#sample").html(" space before me");

---

你的问题在哪里？

$("#sample").html(" "+"space before me"); 

$("#sample").html(" space before me");