DOM 是一套对文档的内容进行抽象和概念化的方法
事件：
绑定方式1：
<div id="d1" class="c1" onclick="f1();"></div>
<script>
function f1(){
var d = document.getElementById(‘d1‘);
d.style.backgroundColor=‘pink‘;
}
</script>
绑定方式2：解耦了
<div id="d1" class="c1" ></div>
<script>
var d=document.getElementById(‘d1‘);
d.onclick=function(){
d.style.backgroundColor=‘pink‘;
}
this事件
<div id="d1" class="c1" ></div>
<script>
var d=document.getElementById(‘d1‘);
d.onclick=function(){
this.style.backgroundColor=‘pink‘;
}
onclick 点击
onfocus 获得光标
onblur 失去光标

DOM的事件跟this