javascript有两种方法可以添加文本框:
使用innerHTML将某个元素的内容填充为文本框的HTML代码
用createElement("input")创建input标签节点→setAttribute()设置文本框属性→用appendChild()追加到一个已存在的元素
下面实例演示用第二种方法往表单中添加文本框:
1、HTML结构
<form><div id="test">
<input type="text" name="test"/>
</div>
<input type='button' value='添加' onclick="fun()"/>
</form>
2、javascript代码
function fun(){var ipt = document.createElement("input")
ipt.setAttribute("type","text")
ipt.setAttribute("name","test")
var div = document.getElementById("test")
div.appendChild(ipt)
}
3、效果演示
var textarea = document.createElement("textarea")textarea.id="textarea"
document.body.appendChild(textarea)
var option = document.getElementsByTagName("select")[0]
option.onchange=function(){
option[option.selectedIndex].text=""
}
document.getElementsByTagName("select")[0].add(document.createElement("option"))