Как я могу удалить динамические элементы по идентификатору
я создаю динамические элементы с помощью javascript, а затем хочу удалить их по их идентификатору
но я не могу удалить их по id
Что я уже пробовал:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<style>
.skill{;width:80%;float:left;text-align:center;}
.skillbutton{
width:20%;
padding:10px;
float:right;
bordr:none;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
margin-top:10px;
}
.skilllearn{
width:70%;
padding:10px;
float:right;
margin-top:10px;
}
.skilltitle{
width:40%;
padding:10px;
float:right;
margin-top:0;
margin-right:20px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.skillmastery{
width:40%;
padding:10px;
float:right;
margin-top:0;
margin-right:20px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
border:none;
}
</style>
<body>
<div class="skill" id="addskill">
<div class="skilltitle" id="skilln">
</div>
<div class="skillmastery" id="skillm">
</div>
</div>
<button value="add" onclick="add()">add</button>
<script>
function add(){
var skill=document.getElementById("addskill");
var skilltitle=document.getElementById("skilln");
var skillmastery=document.getElementById("skillm");
var myselect = document.createElement("select");
var myoption=document.createElement("option");
var myoption2=document.createElement("option");
var myoption3=document.createElement("option");
var myoption4=document.createElement("option");
var t1 = document.createTextNode("ضعیف");
var t2 = document.createTextNode("متوسط");
var t3 = document.createTextNode("پیشرفته");
var t4 = document.createTextNode("حرفه ای");
myoption.appendChild(t1);
myoption2.appendChild(t2);
myoption3.appendChild(t3);
myoption4.appendChild(t4);
myselect.appendChild(myoption);
myselect.appendChild(myoption2);
myselect.appendChild(myoption3);
myselect.appendChild(myoption4);
var myinput = document.createElement("input");
myinput.type="number";
var btn = document.createElement("BUTTON");
var btn2 = document.createElement("BUTTON");
var btn3 = document.createElement("BUTTON");
var t = document.createTextNode("عنوان مهارت");
var t2 = document.createTextNode("میزان تسلط");
var t3 = document.createTextNode("delete");
btn.appendChild(t);
btn2.appendChild(t2);
btn3.appendChild(t3);
myselect.setAttribute("class", "skilllearn");
myinput.setAttribute("class", "skilllearn");
btn.setAttribute("class", "skillbutton");
btn2.setAttribute("class", "skillbutton");
btn3.setAttribute("class", "skillbutton");
btn3.onclick = function() {
var child=document.getElementById("skillm").getElementsByTagName('select')[0];
skillmastery.removeChild(child);
}
skilltitle.appendChild(btn);
skilltitle.appendChild(myinput);
skillmastery.appendChild(btn2);
skillmastery.appendChild(myselect);
skilltitle.appendChild(btn3);
}
</script>
</body>
</html>
Bryian Tan
какой элемент код не может удалить? пуговица? текстовое поле?
Member 14132654
текстовое поле и кнопка
Bryian Tan
я проверил ваш код, кнопка Удалить удаляет текстовое поле. разве ты не этого хочешь?
Member 14132654
нет я хочу чтобы каждое текстовое поле и кнопка были удалены по их индексу
пример комментариев этого сайта ,мы можем редактировать и удалять их