我有一个
HTML表单.单击该按钮时,javascript函数会添加一个新字段.我正在尝试让该功能也为该字段添加“标签”.
我已经尝试过使用document.createElement(“LABEL”),但这不允许我更改innerHtml(或者我可能做错了..),也没有添加结束
这是我的代码.谢谢!@H_502_5@@H_502_5@@H_502_5@@H_502_5@var instance = 2;
function newTextBox(element) { instance++; // Create new input field var newInput = document.createElement("INPUT"); newInput.id = "text" + instance; newInput.name = "text" + instance; newInput.type = "text"; instance++; document.body.insertBefore(document.createElement("BR"),element); document.body.insertBefore(newInput,element); } </script> </head> <body> <LABEL for="text1">First name: </LABEL> <input id="text1" type="text" name="text1"> <LABEL for="text2">Last name: </LABEL> <input id="text2" type="text" name="text2"> <input type="button" id="btnAdd" value="New text Box" onclick="newTextBox(this);" /> </body>
解决方法
function newTextBox(element) { instance++; // Create new input field var newInput = document.createElement("INPUT"); newInput.id = "text" + instance; newInput.name = "text" + instance; newInput.type = "text"; var label = document.createElement("Label"); label.htmlFor = "text" + instance; label.innerHTML="Hello"; instance++; document.body.insertBefore(document.createElement("BR"),element); document.body.insertBefore(newInput,element); document.body.insertBefore(label,newInput);