<style>
|
div {
|
height: 100px;
|
width:300px;
|
}
|
</style>
|
|
<body>
|
<script>
|
['red', 'green'].forEach(function (c) {
|
var div = document.createElement('div')
|
div.style.backgroundColor = c
|
document.body.appendChild(div)
|
div.addEventListener('click', function (e) {
|
e.target.parentNode.removeChild(e.target)
|
})
|
div.addEventListener('mouseenter', function (e) {
|
console.log('enter ' + e.target.style.backgroundColor)
|
})
|
div.addEventListener('mouseleave', function (e) {
|
console.log('leave ' + e.target.style.backgroundColor)
|
})
|
})
|
|
</script>
|
</body>
|