码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-05-17 13:45:39      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:out   目的   而且   大项目   element   idt   you   利用   就是   

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

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>

 

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

标签:out   目的   而且   大项目   element   idt   you   利用   就是   

原文地址:https://www.cnblogs.com/zengsf/p/10880678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!