这两个鼠标事件有大部分代码重复，怎么才能合并重复代码呢？

Question

window.onload = function(){
var hdList = $('.hd-list')[0],
hdLi = $('.hd-list>li');
hdList.onmouseover = function(e){
var ev = e || window.event,
target = ev.target || ev.srcElement,
tagName = target.nodeName.toLowerCase();
if(tagName!='ul'){
while (target.nodeName.toLowerCase()!='li'){
target = target.parentNode;
}
clearBlankNodes(target);
var childNodes = target.childNodes;
childNodes[0].classList.add('green-text');
if(childNodes.length>1){
childNodes[1].classList.remove('dis-hide');
}
}
}
hdList.onmouseout = function(e){
var ev = e || window.event,
target = ev.target || ev.srcElement,
tagName = target.nodeName.toLowerCase();
if(tagName!='ul'){
while (target.nodeName.toLowerCase()!='li'){
target = target.parentNode;
}
clearBlankNodes(target);
var childNodes = target.childNodes;
childNodes[0].classList.remove('green-text');
if(childNodes.length>1){
childNodes[1].classList.add('dis-hide');
}
}
}
}

Answer 1

window.onload = function() {
    var hdList = $('.hd-list')[0],
        hdLi = $('.hd-list>li');
    hdList.onmouseover = function(e) {
        hover(e,true);
    }
    hdList.onmouseout = function(e) {
        hover(e,false);
    }
    function hover(e,flag) {
        var ev = e || window.event,
            target = ev.target || ev.srcElement,
            tagName = target.nodeName.toLowerCase();
        if (tagName != 'ul') {
            while (target.nodeName.toLowerCase() != 'li') {
                target = target.parentNode;
            }
            clearBlankNodes(target);
            var childNodes = target.childNodes;
            if (flag)
                childNodes[0].classList.add('green-text');
            else
                childNodes[0].classList.remove('green-text');
            if (childNodes.length > 1) {
                if (flag)
                    childNodes[1].classList.add('dis-hide');
                else
                    childNodes[1].classList.remove('dis-hide');
            }
        }
    }
}