DOM(Привязка элем-ов)
Вложений: 1
Пишу "todo list". Столкнулся с проблемой: когда есть две и больше панели задач, при нажатии "add" элементы списка задач присваиваются к самой первой панели. Что нужно для того, чтоб при нажатии "add" каждый элемент списка присваивался к своей панели?
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<title> todo lists </title>
</head>
<body id = "insert">
<button id="btn" onclick="create()">Create new</button>
<div id="second"></div>
[JS]<script type="text/javascript">
function create(){
var newDiv = document.createElement('div');
newDiv.innerHTML = '<div id="panel-1"><input id="input"><button id ="button-1" onclick="add()"> add! </button></input></div>';
document.getElementById("insert").appendChild(newDiv);
}
function add(){
var newDiv2= document.createElement('div');
newDiv2.innerHTML = '<div id="body"><div id="footer"></div></div>';
document.getElementById("panel-1").parentNode.appendChild(newDiv2);
}
</script>[/JS]
</body>
</html>
P.S. Для детализации прикрепил миниатюру. |
Mi_Denis,
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<title> todo lists </title>
</head>
<body>
<button class="btn">Create new</button>
<script type="text/javascript">
document.querySelector('.btn').addEventListener('click', create, false)
function create(){
var Div = document.createElement('div');
var panel = document.createElement('div');
panel.className = 'panel';
var input = document.createElement('input');
var button = document.createElement('button');
button.textContent = 'add!';
button.addEventListener('click', function() {
var newDiv = document.createElement('div');
newDiv.innerHTML = '<div class="body">body<div class="footer">footer</div></div>';
Div.appendChild(newDiv);
});
panel.appendChild(input);
panel.appendChild(button);
Div.appendChild(panel)
document.body.appendChild(Div);
}
</script>
</body>
</html>
|
Большое спасибо.
|
| Часовой пояс GMT +3, время: 13:44. |