如何在元素后追加空格

Question

我想知道如何在JavaScript中的元素后追加空格？我在for循环中创建一个图像和一个span，我想在图像之后和span之后添加一个空格。以下是我创建标记的方法：

var image = document.createElement("img");

Answer 1

由于你要求一些视觉空白 - 最简单和最灵活的方式是通过CSS应用它，而不是使用空格字符：

img {
    margin-right: 5px;
}

如果您只想将其应用于您创建的特定元素，则可以使用JavaScript来应用CSS：http://jsfiddle.net/aRcPE/。

image.style.marginRight = "5px"; // "foo-bar" becomes "fooBar" since
                                 // the hyphen is not allowed in this notation

Answer 2

var host = document.createElement ("div");

host.appendChild (document.createElement ("img"));
host.appendChild (document.createTextNode (" "));
host.appendChild (document.createElement ("span"));

console.log (host.innerHTML);

输出

<img /> <span></span>

---

您可以使用margin或img上的CSS属性span来实现相同的视觉效果。

Answer 3

尝试document.createTextNode(" ");