如何为元素添加`for =“”`和`required =''`属性？

Question

如何使用for=""这样的JavaScript向元素添加required=''和<label for='text'>Something</label>属性，并要求输入<input type="text" required>？

function newFields(){
    var number = document.getElementById("link").value;
    var container = document.getElementById("new");
    while (container.hasChildNodes()) {
        container.removeChild(container.lastChild);
    }
    for (i=0;i<number;i++){
      var label = document.createElement("label");
      var input = document.createElement("input");
      label.for = "text";
      label.textContent = "Field " + (i + 1);
      input.type = "text";
      input.required = true;
      container.appendChild(label);
    }
}

Answer 1

您可以设置for属性或设置htmlFor属性：

label.setAttribute('for', 'text');
label.htmlFor = 'text';

请参见label元素的MDN说明。