获取最后一个子元素 屏蔽浏览器的差异

 //获取最后一个子元素 屏蔽浏览器的差异
    function getLastElementChild(element){
        //能力检测 判断是否支持lastElementChild
        if(element.lastElementChild){
            //支持返回元素
            return element.lastElementChild;
        }else{
            //不知此判断下一个兄弟节点
            var node = element.lastChild;
            while(node && node.nodeType !==1){
                //判断当前节点的下一个子节点
                node = node.previousSibling;
            }
            return node;
        }
    };
时间: 2024-10-24 08:56:12

获取最后一个子元素 屏蔽浏览器的差异的相关文章

获取第一个子元素 屏蔽浏览器的差异

//获取第一个子元素 屏蔽浏览器的差异 function getFirstElementChild(element){ //能力检测 判断是否支持firstElementChild if(element.firstElementChild){ //支持返回元素 return element.firstElementChild; }else{ //不知此判断下一个兄弟节点 var node = element.firstChild; while(node && node.nodeType !

获取第下一个兄弟元素 屏蔽浏览器的差异(nextElementsibling)

//获取element下一个兄弟元素 function getNextElementSibling(element){ //能力检测 判断是否支持nextElementSibling if(element.nextElementSibling){ return element.nextElementSibling; }else{ //获取下一个兄弟节点 var node = element.nextSibling; //如果没有下一个节点,此时null while(node && node

获取第上一个兄弟元素 屏蔽浏览器的差异(PreviousElementSibling)

//获取element上一个兄弟元素 function getPreviousElementSibling(element){ //能力检测 判断是否支持PreviousElementSibling if(element.previousElementSibling){ return element.previousElementSibling; }else{ //获取上一个兄弟节点 var node = element.previousSibling; //如果没有上一个节点,此时null w

DOM: 如何获取元素下的第一个子元素

Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE.很早之前,或者说现在最流行的方法可能是: // 让我们假设要将它抽象出来,变成一个 util 对象的方法 var util = {}; util.first = function(element) { if(!element) return; var first= element.firstChild; // 处理 w3c 浏览器中第一

js获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)        document.documentElement.scrollTop //firefox (javascript)        document.documentElement.scrollLeft //firefox (javascript)        document.body.scro

获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)        document.documentElement.scrollTop //firefox (javascript)        document.documentElement.scrollLeft //firefox (javascript)        document.body.scro

jquery如何获取第一个或最后一个子元素?

jquery如何获取第一个或最后一个子元素? 通过children方法,children("input:first-child") $(this).children("input:first-child").val(); $(this).children("input:last-child").val(); 通过>选择器,$(".items>input:first") 在这里转一篇<jQuery选择元素的方法

获取元素在浏览器中的绝对位置(从jquery1.8中抠出来)

<style> html,body{margin:0;padding:0;} .d1{margin-left:40px;background:red;width:2000px;height:100px;position:relative;} .d2{margin-left:40px;background:blue;width:1000px;height:80px;} </style> <div id="d1" class="d1">

Jquery 获取所有对象的第一个子元素

转自:http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>