Сообщение от рони
|
sonntagausgang,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div > div{
background: #0000FF;
color: #FFFFFF;
width: 60px;
margin: 8px;
float:left;
}
div > div:last-child{
background: #FF0000;
}
</style>
</head>
<body>
<div>
<div style="float:left;">1</div>
<div style="float:left;">2</div>
<div>delete</div>
</div>
<div>
<div style="float:left;">3</div>
<div style="float:left;">4</div>
<div>delete</div>
</div>
<script>
var c = document.querySelectorAll("div > div:last-child");
Array.prototype.forEach.call(c, function (a) {
a.onclick = function () {
var b = a.parentNode;
b.parentNode.removeChild(b)
}
});
</script>
</body>
</html>
|
Спасибо за ответ.
Я сделал так.
var elem = document.getElementById('content');
elem.addEventListener('click', function(e) {
var dsf = e.target.parentNode;
elem.removeChild(dsf);
Как лучше? Как вы сделали или как я?