如何在元素后面添加一个空格

Question

我想知道如何在JavaScript中在元素后面添加一个空格？我正在使用for循环创建一个图像和一个span，并且我想在图像和span后面添加一个空格。以下是我创建标签的方式：

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

- Sameh Farahat

---

想要空白的效果，你可能需要使用CSS属性 margin-right。 - pimvdb

@pimvdb，是的，那正是我想要的。 - Sameh Farahat

Answer 1

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>

您可以通过在img或span上使用CSS属性margin来实现相同的可视外观。

- Filip Roséen - refp

Answer 2

既然您要求一些视觉上的空白 - 最简单、最灵活的方法是通过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

- pimvdb

Answer 3

尝试使用document.createTextNode(" ");。

- Parzifal