javascript - 尝试通过 javascript 将文本添加到我的输入中

Question

这个问题已经有答案了:

Add text before or after an HTML element (6 个回答)

已关闭 5 年前。

所以我需要通过 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);

这使得除了我输入后的“一些文本”之外的所有内容。我看到了一些使用 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>