JavaScript 创建一个单选按钮和一个 label

Question

我正在尝试创建一个单选按钮和一个带有 JavaScript 的 label 并且我让单选按钮工作，但是 label 并没有出现在它旁边，我无法弄清楚。 这是我的代码：

        const x = document.createElement("INPUT");
        x.setAttribute("type", "radio");
        document.body.appendChild(x);


        const y = document.createElement("LABEL");
        const t = document.createTextNode("Label text");
        y.textContent = "Label text";
        y.setAttribute("for", "lord");
        y.appendChild(t);

Answer 1

您需要 append 和 label 到正文，但您的代码将其作为单选按钮的子项附加

 const x = document.createElement("INPUT"); x.setAttribute("type", "radio"); x.setAttribute("id", "lord"); document.body.appendChild(x); const y = document.createElement("LABEL"); const t = document.createTextNode("Label text"); y.textContent = "Label text"; y.setAttribute("for", "lord"); document.body.appendChild(t);

Answer 2

您必须附加到文档，例如单选按钮

document.body.appendChild(y);