js动态创建文本框代码实例
本章节介绍一下如何动态的创建文本框，代码非常的简单。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>实例</title>
<style>
li{
margin:5px;
}
</style>
<script type="text/javascript">
function newNode() {
var olElement = document.getElementById('answers');
var liElement = document.createElement('li');
var inputElement = document.createElement('input');
inputElement.type = "text";
inputElement.name = "answer";
liElement.appendChild(inputElement);
olElement.appendChild(liElement);
}
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){newNode();}
}
</script>
</head>
<body>
<div>
<input type="button" id="bt" value="增加一个选项"/><br />
<ol id="answers">
<li><input type="text" name="answer" /></li>
</ol>
</div>
</body>
</html>
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
文本框失去焦点即刻进行表单验证代码实例
大家可能都见过这样的表单验证效果，当填写完当前文本框焦点离开后会立马进行表单验证。下面就通过代码实例介绍一下如何实现此功能。代码如下:
-
javascript定时器函数开始和结束代码实例
本章节分享一段代码实例，它演示了stTimout()定时器函数开始执行和结束效果。代码实例如下:
-
angularJS结合canvas实现的画图代码实例
本章节介绍分享一段代码实例，它实现ngulrJS结合cnvs实现作图效果。代码实例:
-
angularJS的$attrs方法使用代码实例
下面就是相关此方法应用的代码实例，需要的朋友可以做一下参考。代码如下: ut
-
angularJS进行表单提交代码实例
本章节分享一段代码实例，它实现了使用ngulrJS进行表单提交的功能。有需要的朋友可以做一下参考，代码实例如下: chrs
