gpt4 book ai didi

JavaScript 函数和 DOM

转载 作者:行者123 更新时间:2023-11-30 07:26:17 26 4
gpt4 key购买 nike

我编写了操作 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>​

此外,在段落中粘贴表格似乎没有必要?

FIDDLE

关于JavaScript 函数和 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13877006/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com