在 Javascript 中动态创建和附加选项卡 space

Question

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

}

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

Answer 1

连同这个解决方案" " 要在两个动态创建的元素之间创建 space，您还可以创建任何元素，例如 span 也不应是块级元素。例如，在动态创建的复选框和标签之间创建 space

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

在 Javascript 中动态创建和附加选项卡 space

Dynamically create and append tab space in Javascript

html

javascript

dynamic

appendchild

createelement