动态增加文本框

来源：互联网发布：造价管理强矩阵编辑：程序博客网时间：2024/06/08 05:57

动态的增加一个文本框，这里的insertAfter需要自己撰写

<html><head><title>js动态的在页面上增加一个文本框</title><div id="achieve"></div><input id = "addAchievebtn" type="button" onclick="addAchieve();" value="+" /><input id = "delAchievebtn" type="button" onclick="dekAchieve();" value="-" /><div id="achieveAddContent"></div></form><script type="text/javascript">function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode;  if (parent.lastChild == targetElement) {// 如果最后的节点是目标元素，则直接添加。因为默认是最后    parent.appendChild(newElement);  } else {    parent.insertBefore(newElement,targetElement.nextSibling);//如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面。   }}    function addAchieve(){var inputtxt = document.createElement('input');    inputtxt.setAttribute('type', 'text');    inputtxt.setAttribute('name', 'inputContent');    inputtxt.setAttribute('class', 'git');var spanloc =document.createElement("span");    spanloc.appendChild(inputtxt);var location = document.getElementById("achieveAddContent");  insertAfter(spanloc,location);   }</script> </body></html>

0 0