javascript - 在 Javascript 中动态创建和附加制表符空间

Question

我正在尝试动态创建一个表单，我需要在两个元素之间附加一个 Tab 空格。我猜唯一的问题是需要放置的标签(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();

}

在这里，我尝试使用   代替制表符，但它不起作用。

Answer 1

随着这个解决方案“ ”要在两个动态创建的元素之间创建空间，您还可以创建任何元素，例如 span 也不应是 block 级元素。例如在动态创建的复选框和标签之间创建空间

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 = "  ";