怎样动态增加一个文本输入框?

AL_lew 2002-12-12 11:01:15
<a href="#"onclick="add()">add</a>
用document.form.innerHTML可以增加,但是 是在表单的末尾,我想在这个超连接后面动态增加,怎么办?
...全文
94 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
sunmingdong 2002-12-12
  • 打赏
  • 举报
回复
也写一个:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>

<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--

function btnShow_onclick() {
div1.innerHTML="<input id='txtstr'>";
}

function btnHide_onclick() {
div1.innerHTML="";
}

//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT id=btnShow type=button value=显示 name=btnShow LANGUAGE=javascript onclick="return btnShow_onclick()"><INPUT id=btnHide type=button value=隐藏 name=btnHide LANGUAGE=javascript onclick="return btnHide_onclick()">
<div id=div1></div>
</BODY>
</HTML>
AL_lew 2002-12-12
  • 打赏
  • 举报
回复
不是的,我是说,创建好这个input 后,得到一个输入值,在把它隐藏起来
怎么做呢?
wsj 2002-12-12
  • 打赏
  • 举报
回复
//this work:
<a href="#" onclick="var oInput=document.createElement('input');oInput.style.display='none';this.insertAdjacentElement('AfterEnd',oInput)">add</a>
wsj 2002-12-12
  • 打赏
  • 举报
回复
<a href="#"onclick="var oInput=document.createElement("input");oInput.style.display="none";this.insertAdjacentElement("AfterEnd",oInput)">add</a>
AL_lew 2002-12-12
  • 打赏
  • 举报
回复
多谢,我也正在尝试这种insertAdjacentElement方法。
那相应的隐藏这个input怎么写呢?
wsj 2002-12-12
  • 打赏
  • 举报
回复

<a href="#"onclick="this.insertAdjacentElement("AfterEnd",document.createElement("input"))">add</a>
wsj 2002-12-12
  • 打赏
  • 举报
回复
对不起看错了

<a href="#"onclick="this.insertAdjacentElement(document.createElement("input"))">add</a>
AL_lew 2002-12-12
  • 打赏
  • 举报
回复
还是在表单的末尾增加啊
wsj 2002-12-12
  • 打赏
  • 举报
回复
document.form.appendChild(document.createElement("input"))
AL_lew 2002-12-12
  • 打赏
  • 举报
回复
成了,不多问了,感谢二位,接分
AL_lew 2002-12-12
  • 打赏
  • 举报
回复
用div的方法是可以,我知道,不过还是多谢!
wsj(骆驼)
还有什么方法吗?

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧