我编写了使用DOM对象进行操作的函数.此函数必须找到具有特定ID的元素,并将新的子元素添加到具有特定ID的元素:
<html>
<head>
<title> Text </title>
<meta charset="utf-8">
</head>
<body id="tbody">
<script>
function add(){
el = document.getElementById("testform");
var nf=document.createElement("input");
nf.type="text";
el.appendChild(nf);
}
</script>
<p>
<form id="testform">
<button onclick="add();"> create</button>
</form>
</p>
</body>
</html>
文本输入元素不在页面上创建,但相同的代码放在脚本标记中而没有函数工作
您正在重新加载页面,并且在单击按钮以停止提交表单时需要返回false:
<html>
<head>
<title> Text </title>
<meta charset="utf-8">
</head>
<body id="tbody">
<script type="text/javascript">
function add(){
el = document.getElementById("testform");
var nf=document.createElement("input");
nf.type="text";
el.appendChild(nf);
}
</script>
<p>
<form id="testform">
<button onclick="add();return false;"> create</button>
</form>
</p>
</body>
</html>?
另外,在段落中粘贴表单似乎没有必要吗？