Javascript createElement，添加html元素和简单文本

我正在尝试在 javascript 中创建这个 html 块:

<label>
  <input name="{{ $amenity->name }}" type="checkbox" class="minimal">
  text
</label>

我有:

var checkBox = document.createElement("input");
var label_input = document.createElement("label");
label_input.innerHTML = value.name;
label_input.appendChild(checkBox);

但结果是

<label>
  text
  <input name="{{ $amenity->name }}" type="checkbox" class="minimal">
</label>

我尝试先添加复选框，然后添加文本，但没有成功。

最佳答案

尝试使用 document.createTextNode 将文本内容附加到标签的末尾。

var checkBox = document.createElement("input");
var label_input = document.createElement("label");
label_input.appendChild(checkBox);
label_input.appendChild(document.createTextNode(value.name));

关于Javascript createElement，添加html元素和简单文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36723674/