Javascript HTML DOM-element.appendChild()不';I don’我没料到会这样

Javascript HTML DOM-element.appendChild()不';I don’我没料到会这样,javascript,html,forms,dom,appendchild,Javascript,Html,Forms,Dom,Appendchild,代码链接(可通过页面源代码找到js和css): alt link:(尽管jsfiddle不能正确呈现页面) 相关代码行(函数createFormBug()-kontakt.js中的第31到66行) 代码: 上下文:我正在尝试使用js动态创建表单,不幸的是,由于某些原因,没有附加某些元素 在Chrome上运行时生成的html的部分输出(相关部分): 巴格 我认为您的代码的工作原理与您预期的差不多。唯一明显的错误是您正在设置radioInterface.type=“submit”您大概是指按钮su

代码链接(可通过页面源代码找到js和css): alt link:(尽管jsfiddle不能正确呈现页面)

相关代码行(函数createFormBug()-kontakt.js中的第31到66行) 代码:

上下文:我正在尝试使用js动态创建表单,不幸的是,由于某些原因,没有附加某些元素

在Chrome上运行时生成的html的部分输出(相关部分):


巴格

我认为您的代码的工作原理与您预期的差不多。唯一明显的错误是您正在设置
radioInterface.type=“submit”
您大概是指
按钮submit.type=“submit”

很明显,如果您实际添加了一些内容以使像
label
这样的元素实际可见,那么这样做很好

也许是这样的

var form = document.createElement("form");
var fieldset = document.createElement("fieldset");
var legend = document.createElement("legend");

var labelFunction = document.createElement("label");
labelFunction.textContent = 'Function'; // <-- added
var labelInterface = document.createElement("label");
labelInterface.textContent = 'Interface'; // <-- added
var labelComment = document.createElement("label");
labelComment.textContent = 'Comment'; // <-- added

var radioFunction = document.createElement("input");
radioFunction.type = "radio";
var radioInterface = document.createElement("input");
radioInterface.type = "radio";

var textarea = document.createElement("textarea");

var buttonSubmit = document.createElement("input");
buttonSubmit.type = "submit"; // <-- corrected
var form=document.createElement(“表单”);
var fieldset=document.createElement(“fieldset”);
变量图例=document.createElement(“图例”);
var labelFunction=document.createElement(“标签”);

labelFunction.textContent='Function';//哪些元素没有被追加?唯一明显的错误是
radioInterface.type=“submit”
您大概是指
按钮submit.type=“submit”谢谢你的帮助,修复了它。。我将检查是否缺少任何其他元素。好的,我修复了它并编辑了标签的textContent属性以使其可见,是否要编写一个答案,以便我将其标记为已批准?
<div id="divForm">
    <form id="formBug">
        <fieldset>
            <legend>Bugg</legend>
            <label></label>
            <input type="radio">
            <label></label>
            <input type="submit">
            <label></label>
            <textarea></textarea>
            <input>
        </fieldset>
    </form>
</div>
var form = document.createElement("form");
var fieldset = document.createElement("fieldset");
var legend = document.createElement("legend");

var labelFunction = document.createElement("label");
labelFunction.textContent = 'Function'; // <-- added
var labelInterface = document.createElement("label");
labelInterface.textContent = 'Interface'; // <-- added
var labelComment = document.createElement("label");
labelComment.textContent = 'Comment'; // <-- added

var radioFunction = document.createElement("input");
radioFunction.type = "radio";
var radioInterface = document.createElement("input");
radioInterface.type = "radio";

var textarea = document.createElement("textarea");

var buttonSubmit = document.createElement("input");
buttonSubmit.type = "submit"; // <-- corrected