美文网首页
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