如何在元素后添加空格

Question

我想知道如何在JavaScript中的元素之后追加空格？我在for循环中创建图像和跨度，并且我想在图像之后和跨度之后追加一个空格。这里是我创建的标签：

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

尝试document.createTextNode(" ");

Answer 3

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> 

---

您可以通过使用任何CSS属性margin达到相同的视觉外观img或span。