zoukankan      html  css  js  c++  java
  • 兄弟节点

    上下一个兄弟节点,第一个和最后一个子节点[不兼容]:
                                兼容性问题解决方案:
                                    var oNext = obj.nextElementSibling || obj.nextSibling;
                                obj.nextSibling:
                                    所有的浏览器都支持这个方法,只不过高版本浏览器[IE9+]中会识别文本节点[普通文字,空格,空行]; 低版本里面就是元素节点[li,p,span···],
                                obj.nextElementSibling:
                                    高版本浏览器兼容;不兼容IE8--;如果低版本浏览器不识别的话会报错undefined;undeifned就是false;
    上移下移:
                      window.onload=function(){
                                var oBox=document.getElementById("box");
                                var aA=document.getElementsByTagName('a')
                                for(var i=0;i<aA.length;i++){
                                    if(i%2==0){                              //上移;
                                                  aA[i].onclick=function(){
                                                    var obj=this.parentNode;    //当前点击的父级(li);
                                                    var oPrev=obj.previousElementSibling||obj.previousSibling;  //当前点击父级(li)的上一个兄弟节点
                                                    if(obj==oBox.children[0]){            //如果是第一个了,就不上移了;
                                                        alert('不能再上移了')
                                                            }
                                            oBox.insertBefore(obj,oPrev); //obj插到oPrev前面,实现上移;
                                                    }
                                    }
                                    else{                                            //下移
                                           aA[i].onclick=function(){
                                            var obj=this.parentNode;
                                            var oNex=obj.nextElementSibling||obj.nextSibling;
                                                if(obj==oBox.children[oBox.children.length-1]){ //如果是最后一个,就不下移了;
                                                 alert('不能再下移了')
                                            }
                                            oBox.insertBefore(oNex,obj);//oNex插到obj前面,实现下移;
                                        }
                                    }
                                }
                            }

    人生如戏,或实力或演技
  • 相关阅读:
    HDU 2201 熊猫阿波问题==金刚坐飞机问题
    HDU 2100 (模拟进制加法)
    HDU 2151 Worm
    qsort快速排序
    HDU 1007 (最近点对+qsort对结构体的排序!!!)
    HDU 1348 wall (简单凸包)
    HDU 1392 Surround the Trees(凸包模板)
    HDU 1431素数回文
    HDU 2108 Shape of HDU(判断拐点)
    HDU 2857 Mirror and Light(镜面反射模板)
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698104.html
Copyright © 2011-2022 走看看