Question

所以我需要通过javascript生成一些看起来像这样的东西：

<label class="checkbox-container">
    <input type="checkbox">Some text
    <span class="checkmark"></span>
</label>

目前我有这个：

var label = document.createElement('label');
label.classList.add('checkbox-container');

var input = document.createElement('INPUT');
input.setAttribute('type', 'checkbox');

var span = document.createElement('span');
span.classList.add('checkmark');

label.appendChild(input);
label.appendChild(span);

在我输入之后，除了“Some text”之外的所有内容。我使用jquery看了几个答案，但我想知道这是否只能使用js？

Answer 1

const text = document.createTextNode('Some text')
label.appendChild(text)

这应该可以解决问题。

作为旁注，您的<label>元素应该是<input>和<span>的兄弟，而<form>应该包含所有内容。

<form>
  <label></label>
  <input>
  <span></span>
  <label></label>
  <input>
  <span></span>
</form>

Answer 2

您只需将字符串附加为HTML即可。请考虑以下代码：

pyqtgraph

试图通过javascript添加文本到我的输入

2 个答案: