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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:css兼容性:页面在各个浏览器显示的不一样 hack: 样式的前缀_ IE6* IE6,IE7 条件...
    Cinderella歌儿阅读 683评论 0 3
  • 一、基本概念 1.1、DOM DOM是JS操作网页的接口,全称为“文档对象模型”(Document Object ...
    周花花啊阅读 3,246评论 0 6
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • 不知不觉,冬天已悄然而至。 我们可以开着空调,躺在被窝里看iPad,玩手机刷微信,这是很多现代人的消寒方式。在古代...
    蕙心紈质阅读 185评论 0 0