我的html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="element">
<button>кнопка</button>
</div>
</div>
<script src="test.js"></script>
</body>
</html>
CSS
.container {
padding: 20px;
border: 1px #000 solid;
}
.element {
padding: 20px;
border: 1px #000 solid;
}
js
function container() {
let element = document.querySelector('.container');
let insertion = document.createElement('p');
insertion.append('сработала функция container()');
element.append(insertion);
}
function element() {
let element = document.querySelector('.element');
let insertion = document.createElement('p');
insertion.append('сработала функция element() при нажатии на кнопку');
element.append(insertion);
}
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('.container').addEventListener('click', container);
document.querySelector('.element button').addEventListener('click', element);
})
如何才能使.container单击按钮时元素不触发？
1 个回答