gpt4 book ai didi

javascript - 为什么这段代码在点击 `add another field` 输入按钮时没有添加另一个字段?

转载 作者:行者123 更新时间:2023-11-28 05:02:37 26 4
gpt4 key购买 nike

为什么 the following code单击 add another field 输入按钮时不添加另一个文本输入字段?

<html>
<head>
<script>
function add_field()
{
var elem = document.createElement("input");
elem.setAttribute('type','text');
elem.setAttribute('name','user');
document.body.insertBefore(elem, document.getElementById('su'));
}
</script>
</head>
<body>
<form name="input" method="get">
Put input here:<br>
<input type="text" name="user">
<input type="button" onclick="add_field()" value="Add another field"><br>
<input id="su" type="submit" value="Submit"><br>
</form>
</body>
</html>

最佳答案

根据MDN reference page ,您需要调用parent.insertBefore(newElem, referenceElem) .在你的例子中,我假设 <form>是 parent ,不是<body> .将函数的最后一行更改为:

var target = document.getElementById('su');
target.parentNode.insertBefore(elem, target);

会让它发挥作用。

关于javascript - 为什么这段代码在点击 `add another field` 输入按钮时没有添加另一个字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12687929/

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