处理冒泡的两种方式

1. 在js中，子级可能通过冒泡影响父级

<div id="div1">
    <div id="div2"></div>
 </div>
.....
JS代码
window.onload=function(){
var div1=document.getElementById("div1");
div1.onmouseover=function(){
document.title+="1";
}
div1.onmouseout=function()
{
document.title+="2";
}
}
运行结果是2 1

结果证明确实是子级影响了父级，有两种解决办法
<1>用JS中的onmouseenter,onmouseleave,代替onmouseover,onmouseout。
<2>用css的方法，将父级与子级之间加一个透明的遮罩层，就可以解决。