【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 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

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

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

3548
来自专栏Hongten

HTML DOC

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

721
来自专栏一枝花算不算浪漫

[jQuery学习系列一]1-选择器与DOM对象

36011
来自专栏Java帮帮-微信公众号-技术文章全总结

JavaWeb02-CSS,JS(Java真正的全栈开发)

? css&javascript 一.CSS 1.CSS介绍 CSS 指层叠样式表 (Cascading Style Sheets),用来定义网页的显示效果。...

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

洛谷P3201 [HNOI2009]梦幻布丁

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

3579
来自专栏专注研发

jquery常用方法

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

762
来自专栏前端杂货铺

html标签属性(attribute)和dom元素的属性(property)

简介 attribute和property都有属性之意,但对于attribute和property的区分其实并不难。从对象来说,attribute是html文档...

2505
来自专栏GreenLeaves

JavaScript之字符串引号的使用技巧

在JavaScript中可以随意使用引号,但是最好根据字符串包含的字符来选择。 1.如果字符串里面包含了单引号,那就把字符串放在双引号里面 var age = ...

1847
来自专栏Pythonista

Golang之函数练习

1141
来自专栏小壮和前端

js写2048游戏代码

2482

扫码关注云+社区