красный круг не исчезнет
Определение и использование
Событие onclick наступает, когда пользователь нажимает на элемент.
Технические детали
Пузыри: да
Отменяемый: Да
Тип события: MouseEvent
Поддерживаемые теги HTML: все элементы HTML, КРОМЕ:,,
,,,,,,, и
Версия DOM: События 2-го уровня
<head>
<title>Javascript</title>
<style type="text/css">
.circle {
width: 120px;
height: 120px;
border-radius:50%;
float:left;
margin-right:50px;
}
#red-circle {
background-color: red;
}
#blue-circle {
background-color: blue;
}
#yellow-circle {
background-color: yellow;
}
</style>
</head>
<body>
<div class="circle" id="red-circle"></div>
<div class="circle" id="blue-circle"></div>
<div class="circle" id="yellow-circle"></div>
<script type="text/javascript">
documnet.getElementById("red-circle").onclick = function() {
document.getElementById("red-circle").style.display = "none";
}
</script>
</body>