经过几次测试,我找不到如何删除我的2个字段INPUT,文本和数字。
当我单击带有createElement类的“ buttonAdd”类的按钮时,创建了3个字段,这将创建2个字段INPUT和1个字段IMG“这是要删除的图标”。
说,当我单击IMG图标时,如何删除我的2个字段输入“ objetInputSuivant”和“ poidsInputSuivant”?
我用removeChild和parentElement进行了测试,但是我做不到
我删除了测试以正确发布代码
const NewInputCampement = (function() {
let i = 2;
return function NewInputCampement() {
i++;
if (document.getElementById("AddChampCampement").childNodes.length < 39) {
let Objet = document.createElement("INPUT");
let Poids = document.createElement("INPUT");
let Supprimer = document.createElement("IMG");
Supprimer.className = "SupprimerStyle";
Supprimer.src = "assets/img/supprimer.png";
Supprimer.id = "SupprimerCampement_" + i;
Supprimer.alt = "supprimer";
Supprimer.onclick = function() {
SupprimerChamp();
} // for IE
Supprimer.setAttribute('onclick', 'SupprimerChamp();'); // for FF
document.getElementById("AddChampCampement").appendChild(Supprimer);
Objet.type = "text";
Objet.className = "objetInput";
Objet.placeholder = "OBJET";
Objet.id = "textCampement_" + i;
Objet.onkeyup = function() {
this.value = this.value.toUpperCase();
}
Objet.maxLength = 18;
document.getElementById("AddChampCampement").appendChild(Objet);
Poids.type = "number";
Poids.className = "poidsInput";
Poids.placeholder = "POIDS";
Poids.name = "valInputCampement";
Poids.id = "poidsCampement_" + i;
Poids.onkeypress = function() {
return !(event.charCode == 46 || event.charCode == 44 || event.charCode == 188 || event.charCode == 190);
}
Poids.onkeyup = function() {
TotalCalcul();
limit(this);
}
document.getElementById("AddChampCampement").appendChild(Poids);
}
}
})
相关分类