获取节点兼容性操作

在IE8浏览器中,第一个节点和第一个元素的获取可能不支持
在IE8浏览器中,最后一个节点和最后一个元素的获取可能不支持
在IE8浏览器中,前一个节点和前一个元素的获取可能不支持
在IE8浏览器中,后一个节点和后一个元素的获取可能不支持

第一个节点和第一个元素的获取的兼容性代码:
function getFirstElementChild(element){
if(element.firstElementChild){ //IE8不支持,谷歌火狐支持
return element.firstElementChild;
}else{
var node = element.firstNode; //IE8中是获取第一个元素
while( node&&node.nodeType!=1 ){
node = node.nextSibling;
}
return node;
}
}
最后一个节点和最后一个元素的获取兼容性代码:
function getLastElementChild(element){
if(element.lastElementChild){ //IE8中不支持,谷歌,火狐支持
return element.lastElementChild;
}else{
var node = element.lastElementChild;
while( node&&node.nodeType!=1 ){
node = node.previousSibling;
}
return node;
}

}

前一个节点和前一个元素的获取兼容性代码:
function getPreviousElement(element){
if(element.previousElementSibling){
return element.previousElementSibling;
}else{
node = element.previousSibling;
while( node&&node.nodeType!=1 ){
node = node.previousSibling;
}
return node;
}

 }

猜你喜欢

转载自blog.csdn.net/weixin_38547641/article/details/85783274