firstChild,lastChild,nextSibling,previousSibling的兼容写法

在IE下是支持firstChild,lastChild,nextSibling,previousSibling,但是在其他浏览器下会把空格当做文本元素,所以会用到

firstElementChild,

lastElementChild,

nextElementSibling,

previousElementSibling

浏览器的兼容写法是这样的

var firstSibling = oneDiv.firstElementChild||oneDiv.firstChild
var parentFirstChild = parent.firstElementChild||parent.firstChild
//也可以这样写
var  oFirst = oParent.children[0];
var oLast = oParent.lastElementChild||oParent.lastChild 
.......
//也可以这样
var  oLast = oParent.children[oParent.children.length-1];
var oNext = obj.nextElementSibling||obj.nextSibling                                   
var oPre = obj.previousElementSibling||obj.previousSibling

你可能感兴趣的:(firstChild,lastChild,nextSibling,previousSibling的兼容写法)