美文网首页
节点获取和元素获取兼容代码

节点获取和元素获取兼容代码

作者: AFew | 来源:发表于2018-10-12 11:25 被阅读0次
  1. 获取任意一个父级元素的第一个子级元素
// 获取任意一个父级元素的第一个子级元素
function getFirstElement(element) {
    if(element.firstElementChild){ //存在
        return element.firstElementChild;
    }else{
        var node = element.firstChild; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.nextSibling;
        }
        return node;
    }
}
  1. 获取任意一个父级元素的最后一个子级元素
// 获取任意一个父级元素的最后一个子级元素
function getLastElement(element) {
    if(element.lastElementChild){ //存在
        return element.lastElementChild;
    }else{
        var node = element.lastChild; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.previousSibling;
        }
        return node;
    }
}
  1. 获取任意一个元素的前一个子级元素
// 获取任意一个元素的前一个子级元素
function getprevElement(element) {
    if(element.previousElementSibling){ //存在
        return element.previousElementSibling;
    }else{
        var node = element.previousSibling; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.previousSibling;
        }
        return node;
    }
}
  1. 获取任意一个元素的后一个子级元素
// 获取任意一个元素的后一个子级元素
function getnextElement(element) {
    if(element.nextElementSibling){ //存在
        return element.nextElementSibling;
    }else{
        var node = element.nextSibling; //第一个节点
        // 不是标签就继续查找下一个
        while (node && node.nodeType !=1){
            node = node.nextSibling;
        }
        return node;
    }
}

相关文章

  • 节点获取和元素获取兼容代码

    获取任意一个父级元素的第一个子级元素 获取任意一个父级元素的最后一个子级元素 获取任意一个元素的前一个子级元素 获...

  • JavaScript基础 DOM对象2

    parentNode获取父元素节点,兼容所有浏览器 .offsetParent 获取定位父元素节点,(父代中最近...

  • 菜单导航

    children是获取子元素节点,孙元素节点不获取,有兼容性问题,IE9以上,兼容处理方法可以查找MDN文档chi...

  • Dom基础1

    DOM基础 DOM简介、DOM标准、DOM节点 获取元素的子节点:childNodes、兼容性问题火狐不兼容,可以...

  • JQuery初探------Api功能实现

    1、封装获取当前元素的兄弟元素 上面代码我们根据提供的node节点获取父节点的所有子节点,然后遍历这个子节点形成一...

  • jQuery 常用的节点操作

    js 获取元素(父节点,子节点,兄弟节点) jQuery 获取元素(父节点,子节点,兄弟节点) 元素筛选

  • DOM笔记

    DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...

  • 原生js 获取节点,操作节点,操作类名

    js中获取节点和针对节点的操作以及类名操作 获取节点 孩子节点 childNodes 获取所有子元素节点和文本节点...

  • 获取兄弟元素节点系列方法

    获取上一个哥哥元素节点:prev 获取下一个弟弟元素节点:next 获取所有的哥哥元素节点:prevAll 获取所...

  • 【JavaScript】你真的了解节点操作吗?

    ?节点操作 我们获取元素通常有两种方式: 利用DOM提供的方法获取元素 和 利用节点层级关系获取元素前者逻辑性不强...

网友评论

      本文标题:节点获取和元素获取兼容代码

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