访问关系兼容性写法

Posted 2020-11-02 vzaiboke

在IE678不支持previousElementSibling和nextElementSibling；

在IE678支持   previousSibling和nextSibling；

兼容性写法:

var pre=div.previousElementSibling||div.previousSibling;

var next=div.nextElementSibling||div.nextSibling;

在IE678不支持firstElementChild和lastElementChild；

在IE678支持   firstChild和lastChild；

兼容性写法:

var first=div.firstElementChild||div.firstChild;

var last=div.lastElementChild||div.lastChild;

//获取所有的兄弟节点
function siblings(elm) {
    var a = [];
    var p = elm.parentNode.children;
    for(var i =0;i<p.length;i++) {
        if(p[i] !== elm) {
            a.push(p[i]);
        }
    }
    return a;
}