好好学一遍javaScript 笔记(四)

getAttribute、setAttribute获取跟设置对象的属性：

function documentTest(){ 
            var oHtml = document.documentElement;   //取得<html/>元素 
            var oHead = oHtml.firstChild;  //获取<head/> 
            var oBody = oHtml.lastChild;  //获取<body/> 
            oBody.setAttribute("id","bodyId");    
            alert(oBody.getAttribute("id"));       
        }  
创建HTML元素：

//创建  
    function createNode(){ 
        var oP = document.createElement("p");   //创建p标签 
        var sText = document.createTextNode("古道西风");   //创建包含文本"古道西风"的文本节点  
        oP.appendChild(sText);    //添加sText到oP节点的末尾    
        document.body.appendChild(oP);  
    }  
移除：

//移除    
    function deleteNode(){ 
        var oP = document.body.getElementsByTagName("p")[0]; 
        /*document.body.removeChild(oP); */ 
        oP.parentNode.removeChild(oP);   
    } 
替换：

//替换  
    function replaceP(){ 
        var oNewOp = document.createElement("p"); 
        var sNewText = document.createTextNode("妖孽"); 
        oNewOp.appendChild(sNewText); 
        var oP = document.body.getElementsByTagName("p")[0]; 
        oP.parentNode.replaceChild(oNewOp,oP);   
    } 
让新消息出现在旧消息之前：

function insertNode(){ 
        var oP = document.createElement("p");    
        var sText = document.createTextNode("断肠人");    
        oP.appendChild(sText);