javascript小笔记（一）

javaScript常用自定义函数

1.  通用的删除DOM节点的函数

function remove(elem){
        if(elem){
           elem.parentNode.removeChild(elem);    
        }
    }

2.  删除全部子节点文本的方法

function move(){
      var ul=document.getElementsByTagName("ul")[0];    
    while(ul.firstChild){
        remove(ul.firstChild);
    }     
   }

 

3. 显示元素文本内容的通用方法

 

function text(e){
        var t="";
        //如果传入的是元素，则继续遍历其子元素
        //否则假定他是一个数组
        e=e.childNodes||e;
        //遍历所有子节点
        for(var j=0;j<e.length;j++){
            //如果不是元素，追加其文本值
            //否则，递归遍历所有元素的子节点
            t+=e[j].nodeType!=1?e[j].nodeValue:text(e[j].childBNodes);
        }
        return t;
    }    

4.创建元素并添加到目标元素前面

function add(){
     var x=document.getElementsByTagName("ul")[0];
     var d=document.getElementById("ni");
     var newLi=document.createElement("li");
     newLi.setAttribute("id","cha");
     var text=document.createTextNode("我是第几");
     newLi.appendChild(text);
     x.insertBefore(newLi,d);
   }