节点获取和元素获取兼容代码

1. 获取任意一个父级元素的第一个子级元素

// 获取任意一个父级元素的第一个子级元素
function getFirstElement(element) {
    if(element.firstElementChild){ //存在
        return element.firstElementChild;
    }else{
        var node = element.firstChild; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.nextSibling;
        }
        return node;
    }
}

2. 获取任意一个父级元素的最后一个子级元素

// 获取任意一个父级元素的最后一个子级元素
function getLastElement(element) {
    if(element.lastElementChild){ //存在
        return element.lastElementChild;
    }else{
        var node = element.lastChild; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.previousSibling;
        }
        return node;
    }
}

3. 获取任意一个元素的前一个子级元素

// 获取任意一个元素的前一个子级元素
function getprevElement(element) {
    if(element.previousElementSibling){ //存在
        return element.previousElementSibling;
    }else{
        var node = element.previousSibling; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.previousSibling;
        }
        return node;
    }
}

4. 获取任意一个元素的后一个子级元素

// 获取任意一个元素的后一个子级元素
function getnextElement(element) {
    if(element.nextElementSibling){ //存在
        return element.nextElementSibling;
    }else{
        var node = element.nextSibling; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.nextSibling;
        }
        return node;
    }
}