美文网首页
firstChild,lastChild,nextSibling

firstChild,lastChild,nextSibling

作者: Jason_Pan | 来源:发表于2016-10-08 17:46 被阅读0次

在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

      本文链接:https://www.haomeiwen.com/subject/hiveyttx.html