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