如何通过JavaScript动态生成html控件

2020-04-22 科技 89阅读
ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="nofollow noopener">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


无标题文档<&><br><script><br />var i=1;<br />function add(){<br />var top=document.getElementById("top");<br />var input=document.createElement("input");<br />var div=document.createElement("div");<br />div.innerHTML="学生:"+i<br />div.id=i<br />i=i+1;<br />input.type="text"<br />input.name="v";<br />input.onclick=function remo(){alert(i);top.removeChild(div)};//点击删除控件<br />input.value="nihao";<br />input.id="v";<br />div.appendChild(input);<br />top.appendChild(div);<br />}<br /></script><br /></head><br /><body><br /><div><input type="button" onclick="add()" value="添加" /></div><br /><div id="top"></div><br /></body><br /></html></script></&>
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com