javascript实现触碰悬停效果

有的时候，明明是同样的东西写在相同的元素上,比如相同的li标签，可是就是有的一离开就效果消失，有的却可以离开效果不消失。我们要保证悬停效果先不能消失，因为我要去点出来的子标签。此时要查看是不是有右边或是下边的某些DIV，或是bootstrap的row，有突出的padding,或是margin，多出的了。致使你的onmouseover提前结束了。
原生js.document.getElementById,document.getElementsByClassName,onmouseover=function(){}这种可以避免在元素上标记类别还是ID，可以实现直接绑定效果的功能。this.firstElementChild.lastElementChild.firstElementChild.setAttribute('style','')，原生js获取子元素是firstElementChild,lastElementChild,设置样式是setAttribute('style',''),设置z-index应为xxx.style.zIndex=999