<style>
.btn,
.box1,
.box2 {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<script>
window.onload = function() {
var box = document.getElementById("1")
box.onclick = function() {
alert("dd")
}
var box1 = document.getElementsByClassName("box1")[0]
box1.onclick = function() {
alert('bb')
}
let count = 0
var box2 = document.querySelector('.box2')
box2.onclick = function() {
var box = document.getElementById("3")
count++
box.innerHTML = count
}
}
</script>
<body>
<span> </span>
<div class="box1" id="3"></div>
<div class="box2" id="2">222</div>
<div class="btn" id="1">aaa</div>
</body>
使用类选择器需要在后面加上下标0