Ajax一个极其简单的例子

先建html页面：

< body >
         < p id = " hello " > hello </ p >
         < div id = " empty " ></ div >
</ body >

 接着写个简单的样式css文件：

.declared
... {
    color:Red;
    font-family:Arial;
    font-weight:normal;
    font-size:20px;
}
.programmed
... {
    color:Blue;
    font-family:Haettenschweiler;
    font-weight:bold;
    font-size:40px;
}

然后再些个js，实现功能：

 

< script language = " javascript "   >
            window.onload = function()
             ... {
                var hello=document.getElementById("hello");
                hello.className="declared";
                
                var empty=document.getElementById("empty");
                AddNodes(empty,"Vistor of");
                AddNodes(empty,"WebCast");
                var children=empty.childNodes;
                for(i=0;i<children.length;i++)
                ...{
                    children[i].className="programmed";
                    //children[1].className="programmed";
                }
            }
                function AddNodes(element,text)
                 ... {
                    var childElement=document.createElement("div");
                    element.appendChild(childElement);
                    
                    var txtNode=document.createTextNode(text);
                    childElement.appendChild(txtNode);
                }
         </ script >

这样的话就实现了个简单的功能，让我们来看看送显的结果：