動的に作成し、Javascriptでタブスペースを追加します。

Question

動的にフォームを作成しようとしています.2つの要素の間にタブスペースを追加する必要があります。私が推測する唯一の問題は、配置する必要のあるタグ（createElement（...））です。また、私は、フォームがここ

function createStreamForm() 
{ 
$(".toolbox-titlex").show(); 
$(".panel").show(); 

var Streamtype = document.createElement("div"); 
var br = document.createElement("br"); 
var streamlbl = document.createElement("label"); 
var streamtypelbl = document.createElement("label"); 
var PredefStreamdiv = document.createElement("div"); 
var tabspace = document.createElement("label"); 

Streamtype.type = "text"; 
Streamtype.id="Streamtype"; 
Streamtype.className = "streamType"; 
streamlbl.className = "lblstreamProp"; 
streamlbl.innerHTML = "Stream: "; 
PredefStreamdiv.id = "PredefinedStream"; 
tabspace.innerHTML = "&nbsp"; 


lot.appendChild(Streamtype); 
lot.appendChild(tabspace); 
lot.appendChild(streamlbl); 
lot.appendChild(streamtypelbl); 
lot.appendChild(br); 
lot.appendChild(PredefStreamdiv); 

createattr(); 
$(".streamType").append(showStreamType()); 
$(".queryPanel"). 

hide(); 

} 

を保持されることを他の多くの要素が省略されていることに注意してください私はtabspaceの代わりに& NBSPを使用してみましたが、それは動作しません。

Answer 1

" " ダイナミックに作成された2つの要素の間にスペースを作成するには、ブロックレベルの要素ではないスパンなどの要素も作成できます。たとえば、動的に

var cb = document.createElement("input"); 
var label = document.createElement("label"); 
var span = document.createElement("span"); 
append(li,cb); 
append(li,span); 
append(li,label); 
span.innerHTML = " ";