Я работаю над динамическим флажком, где я могу добавить и удалить, например. пользователи. Добавление работает нормально, но для устранения всех проблем с дочерними элементами. Особенно я не знаю, как удалить.удалить дочерний элемент br
<style>
.container { align:right; border:1px solid #000000; width:300px; height: 100px; overflow-y: scroll;}
</style>
<script type="text/javascript">
var addTask = function() {
var newCheckbox = document.createElement("input");
newCheckbox.type = "checkbox";
newCheckbox.value = document.getElementById("MailAddress").value;
newCheckbox.id = "C11";
document.getElementById("UserList").appendChild(newCheckbox);
var label = document.createElement('label');
label.htmlFor = document.getElementById("MailAddress").value;
label.id = "L11";
label.appendChild(document.createTextNode(document.getElementById("MailAddress").value));
document.getElementById("UserList").appendChild(label);
document.getElementById("L11").appendChild(document.createElement("br"));
}
function delTask() {
var item = document.getElementById("C11");
item.parentNode.removeChild(item);
var item = document.getElementById("L11");
item.parentNode.removeChild(item);
// How can I remove die <br> too?
}
</script>
</head>
<body>
<header>
<p>Usergroup:</p>
</header>
<input type="text" id="MailAddress">
<input type="submit" value="Add Mail Address" onClick="addTask()" id="AddUser">
<div class="container" id="UserList"></div>
<input type="submit" value="Delete One Mail" onClick="delTask()" id="remove">
Кажется, работать, здорово и спасибо! Таким образом, TagName («p» ... указывает на это BR? –
Нет, это не указывает на
, это просто заменяет вхождения
пустым пространством. Если оно решит вашу проблему, не забудьте пропустить и пометить ее как правильную ответ – void