Как удалять элементы из документа HTML в нужном порядке
https://jsfiddle.net/owqg75qy/ - нажимаешь на кнопку "create" несколько раз- появляются инпуты, начинаешь вписывать текст в них, а потом жмешь "delete"- удаляет самые первые инпуты. Какой прописать скрипт, чтобы удаляло самые нижние инпуты, а не верхние?
|
|
myautosaler, id не повторимо!!!
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
window.onload = function() {
document.querySelector('#raz1 input.plus').onclick = function() {
var theDiv = document.createElement('div');
theDiv.innerHTML = '<input type="text" class="tem" id="tem" >';
this.parentNode.insertBefore(theDiv, this.previousSibling);
getComputedStyle(theDiv).opacity;
theDiv.style.opacity = '1';
}
document.querySelector('#raz1 input.minus').onclick = function() {
this.parentNode.removeChild(document.querySelector('#raz1 div:last-of-type'));
}
}
</script>
</head>
<body>
<div id="raz1">
<input type="submit" value="create" class="plus">
<input type="submit" value="delete" class="minus">
</div>
</body>
</html>
|
EmperioAf,
document.querySelectorAll('.tem')[amount-1].remove(); не для всех браузеров |
| Часовой пояс GMT +3, время: 16:55. |