• nextSibling和lastSibling


    在FireFox中包含众多空格作为文本节点,因此在我们使用nextSibling和previousSibling时就会出现问题。因为FireFox会把文本节点误当做元素节点的兄弟节点来处理。我们可以添加nodeType来判断。当上一节点或者是下一节点为文本节点时,就继续寻找,直到找到下一个元素节点。以下代码仅供参考,在fireFox中测试通过:

    复制代码
            //下一个兄弟节点
            function nextSibling(node) {
                var tempLast = node.parentNode.lastChild;
                if (node == tempLast) return null;
                var tempObj = node.nextSibling;
                while (tempObj.nodeType != 1 && tempObj.nextSibling != null) {
                    tempObj = tempObj.nextSibling;
                }
                return (tempObj.nodeType==1)? tempObj:null;
            }
            //前一个兄弟节点
            function prevSibling(node) {
                var tempFirst = node.parentNode.firstChild;
                if (node == tempFirst) return null;
                var tempObj = node.previousSibling;
                while (tempObj.nodeType != 1 && tempObj.previousSibling != null) {
                    tempObj = tempObj.previousSibling;
                }
                return (tempObj.nodeType==1)? tempObj:null;
            }    
    复制代码
    测试代码

    其中nodeType的值主要有以下几种:

    1. 元素节点的nodeType值为1
    2. 属性节点的nodeType值为2
    3. 文本节点的nodeType值为3
  • 相关阅读:
    JSON.parse与eval
    加密算法
    asp.net权限管理
    asp.net登录状态验证
    U3D Debug.log的问题
    yield(C# 参考)
    U3D 动态创建Prefab的多个实例
    U3D事件系统总结
    C#事件与接口
    C#泛型委托,匿名方法,匿名类
  • 原文地址:https://www.cnblogs.com/lovefan/p/3919696.html
Copyright © 2020-2023  润新知