利用DOM节点找对象和直接在标签属性中调函数传值this的书写区别

Posted 2021-11-30 zengsf

同样的功能，不同的书写格式。

1.个人觉得比较繁琐的写法，但是比较常见，特别是在大项目的时候常用的就是这种方法：

<div id="mouse" onmouseover="mOver()" onmouseout="mOut()" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(){
    document.getElementById("mouse").innerhtml="Thank You"
}
function mOut(){
    document.getElementById("mouse").innerHTML="Mouse Over Me"
}
</script>

 

2.这个中法比较简单，而且可以少些不少代码：

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(obj){
    obj.innerHTML="Thank You"
}
function mOut(obj){
    obj.innerHTML="Mouse Over Me"
}
</script>