对Dom树的操作 appendChild ,createElement,childNodes,createTextNode

window.onload = function () ... {    //????    var hello = document.getElementById('hello');    hello.className="declared";        var empty = document.getElementById('empty');    addNode(empty,"reader of","br");     addNode(empty,"Ajax in Action","br");      var children = empty.childNodes;    for(var i=0;i<children.length;i++)...{        children[i].className="programe";     }     empty.style.border='solid green 2px';    empty.style.width='200px';} function  addNode(ele,text,br) ... {    if(text==null)...{        ele.appendChild(document.createElement("br"));    }else...{        var childEl =document.createElement("div");//?????        ele.appendChild(childEl);            var txtNode = document.createTextNode(text);//?????        childEl.appendChild(txtNode);        if(br!=null)            ele.appendChild(document.createElement(br));    } } // var  i = 0 ; function  addListItemUsingInnerHTML(ele,text) ... {    var obj = document.getElementById(ele);    obj.innerHTML+="<div class='programe'>"+text+"</div><br>";    } // function  showEmpty(ele) ... {        var obj = document.getElementById(ele);             if(obj!=null)...{        if(obj.style.display==''||obj.style.display=='inline')...{            obj.style.display='none';            }        else...{            addNode(obj,"txt"+(i++),"br");            obj.style.display='inline';                        }        }            }

 

Ajax封装状态,基础

 

/**/ /*        version:0.0.1     Date:2007.2.11 In China    Mail:yanweiboy@hotmail.com    */ var  net  = new  Object(); // ???? net.READY_STATE_UNINITIALIZED = 0 ;net.READY_STATE_LOADING = 1 ;net.READY_STATE_LOADED = 2 ;net.READY_STATE_INTERACTIVE = 3 ;net.READY_STATE_COMPLETE = 4 ;net.ContentLoader = function (url,onload,onerror) ... {//????    this.url=url;    this.req=null;    this.onload=onload;    this.onerror=(onerror) ? onerror: this.defaultError;    this.loadXMLDoc(url);} net.ContentLoader.prototype = ... {    loadXMLDoc:function(url)...{        if(window.XMLHttpRequest)...{            this.req=new XMLHttpRequest();        }else if(window.ActiveXObject)...{            this.req=new ActiveXObject("Microsoft.XMLHTTP");        }        if(this.req)...{            try...{                var loader=this;                this.req.onreadystatechange=function()...{                    loader.onReadyState.call(loader);                }                this.req.open('GET',url,true);                this.req.send(null);            }catch(err)...{                this.onerror.call(this);            }        }    },        onReadyState:function()...{        var req = this.req;        var ready = req.readyState;                if(ready==net.READY_STATE_COMPLETE)...{            var httpStatus=req.status;            if(httpStatus==200||httpStatus==0)...{                this.onload.call(this);            }else...{                this.onerror.call(this);            }        }    },        defaultError:function()...{        alert("error fetching data!"            +"  readyState: "+this.req.readyState            +"  stats: "+this.req.status            +"  headers: "+this.req.getAllResponseHeaders()        );    }    }