zoukankan      html  css  js  c++  java
  • js dom操作获取节点的一些方法

    在复习javascript基础的时候,整理了一下js中获取节点的一些常用的方法,见代码:

     1 //js获取下一个兄弟节点
     2     function getNextSibling(eleObj){
     3         var next = eleObj.nextSibling;
     4         if(next.nodeType == 3){ // 文本节点
     5             return next.nextSibling;
     6         }
     7         return next;
     8     }
     9     //js获取上一个兄弟节点
    10     function getPreviousSibling(eleObj){
    11         var pre = eleObj.previousSibling;
    12         if(pre.nodeType == 3){
    13             return pre.previousSibling;
    14         }
    15         return pre;
    16     }
    17     //js获取所有子节点
    18     function getChildNodes(parentNode){
    19         var childs = [];
    20         for(var i=0; i<parentNode.childNodes.length; i++){
    21             if(parentNode.childNodes[i].nodeType == 1){ // 元素节点
    22                 childs.push(parentNode.childNodes[i]);
    23             }
    24         }
    25         return childs;
    26     }
    27 
    28     //js获取第一个子节点
    29     function getFirstChildNode(parentNode){
    30         var first = parentNode.firstChild;
    31         if(first.nodeType == 3){ // 文本节点
    32             return first.nextSibling;
    33         }
    34         return first;
    35         /*return parentNode.firstElementChild;*/
    36     }
    37     //js获取最后一个子节点
    38     function getLastChildNode(parentNode){
    39         var last = parentNode.lastChild;
    40         if(last.nodeType == 3){
    41             return last.nextSibling;
    42         }
    43         return last;
    44     }
  • 相关阅读:
    transition
    Java自增陷阱
    不同编码格式中,字节和字符的关系
    表单重复提交
    source folder和package的区别
    @test 测试案例不能添加参数
    http协议content-type
    jdbc的缺点和mybatis的优点
    ==和equals的区别
    spring IOC和AOP
  • 原文地址:https://www.cnblogs.com/xiayu25/p/6266209.html
Copyright © 2011-2022 走看看