Question

我有3个文本框和6个按钮。我想在文本框（element2）和按钮（element2）之后用javascript添加新的文本框和按钮。我该怎么做。：）

<input type="text"   id="element1">
<input type="button" id="element1">
<input type="button" id="element1">

<input type="text"   id="element2">
<input type="button" id="element2">
<input type="button" id="element2">

<input type="text"   id="element3">
<input type="button" id="element3">
<input type="button" id="element3">

Answer 1

由于ID应该是唯一的，我将修改您的HTML代码：

<div id="div">
    <input type="text"   id="text1">
    <input type="button" id="button1a">
    <input type="button" id="button1b">

    <input type="text"   id="text2">
    <input type="button" id="button2a">
    <input type="button" id="button2b">

    <input type="text"   id="text2">
    <input type="button" id="button2a">
    <input type="button" id="button2b">
</div>

脚本看起来像这样：

<script>
    var text2_new = document.createElement("input");

    var div= document.getElementById("div");
    var button2b= document.getElementById("button2b");
    div.insertBefore(text2_new,button2b);
</script>

为您需要添加的每个新元素重复脚本在您的上下文中，我将输入组放在<div>标记内以分隔组。

使用javascript添加新的文本框和按钮

1 个答案: