Question

我需要在按钮点击时创建或复制HTML元素的功能，但需要与 ID / 名称不同。例如：

<p>
    <input id="skill1" type="text" class="text_field" placeholder="Skill"
         name="skill1" value="">
</p>
<p>
    <input id="skill2" type="text" class="text_field" placeholder="Skill"
         name="skill2" value="">
</p>
<p>
    <input id="skill3" type="text" class="text_field" placeholder="Skill"
         name="skill3" value="">
</p>

我有这个代码，但它很长，不能用不同的id / name

创建

function createSkill() {
    var elemP = document.createElement("p");
    var elemIn = document.createElement("input");
    elemIn.setAttribute("type", "text");
    elemIn.setAttribute("value", "");
    elemIn.setAttribute("placeholder", "Skill");
    elemIn.setAttribute("class", "text_field");
    elemP.appendChild(elemIn);
    document.getElementById("skill_info").appendChild(elemP);
}

Answer 1

试试这个可能有帮助

**

var i = 0;
function createSkill() {
i++
elemIn.setAttribute('id','skill'+i);
elemIn.setAttribute('name','skill'+i);
}

**

使用普通javascript复制/创建具有数字顺序（ID /名称）的单击html元素的功能

1 个答案: