如何在元素後添加空格

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。