【JavaScript】获取元素的兼容代码

/**
 * 元素兼容代码
 * @param element
 * @returns {*}
 */
// 获取父级元素中第一个子元素
function getFirstElement(element){
    // 判断是否支持
    if(typeof (element.firstElementChild)!="undefined"){
        return element.firstElementChild;
    }else{
        var node=element.firstChild;
        while(node&&node.nodeType!=1){
            node=node.nextSibling;
        }
        return node;
    }
}

//获取父级元素中最后一个子元素
function getLastElement(element){
    if(typeof (element.lastElementChild)!="undefined"){
        return element.lastElementChild;
    }else{
        var node=element.lastChild;
        while(node&&node.nodeType!=1){
            node=node.previousSibling;
        }
        return node;
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏天天

动画(20171030)

831
来自专栏Unity Shader

Shader初学笔记:简单参数传入随机颜色

float4 vertex : POSITION;

43612
来自专栏九彩拼盘的叨叨叨

学习前端 第6周 第3天

542
来自专栏九彩拼盘的叨叨叨

学习纲要:ES6系列:箭头函数和对象方法简写

812
来自专栏数据结构与算法

洛谷P3201 [HNOI2009]梦幻布丁

题目描述 N个布丁摆成一行,进行M次操作.每次将某个颜色的布丁全部变成另一种颜色的,然后再询问当前一共有多少段颜色.例如颜色分别为1,2,2,1的四个布丁一共有...

3489
来自专栏Golang语言社区

Golang语言社区-【基础知识】切片

Go编程切片是一种抽象了Go编程数组。由于Go编程数组允许您定义的变量,可容纳同类的几个数据项类型,但它不提供任何内置的方法来动态地增加它的大小或得到一个子数组...

3448
来自专栏Hongten

HTML DOC

HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直...

471
来自专栏专注研发

jquery常用方法

转:https://blog.csdn.net/yl2isoft/article/details/54427694

652
来自专栏小壮和前端

js写2048游戏代码

1832
来自专栏技术博客

JavaScript通过RegExp实现客户端验证

可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数

692

扫码关注云+社区