节点


//节点
var jdid=1;//创建变量 。用来记录id的编号
    //添加节点属性
    function addobj() { 
        var obj = document.getElementById("dv");//获取id为dv元素对象
        var zjd = document.createElement("div");//创建元素对象
        var jdidstr="id"+jdid;//拼接字符串 使得id不重复(id1,id2....)
        zjd.innerText =jdidstr ;//设置创建的元素对象 
        zjd.setAttribute("id",jdidstr);//设置元素id属性为jdidstr  
        zjd.setAttribute("title","我是title");//设置元素属性title  
        zjd.setAttribute("class","classA");//设置元素属性class为classA
        zjd.setAttribute("onclick","updateobj(this)");//设置元素属性onclick为update(this)
        obj.appendChild(zjd);//往id为dv的元素对象,插入新建子节点元素对象
        jdid++;
    } 
    //修改节点属性
    function updateobj(obj)
    {
        obj.innerText="被修改了" ;//设置元素对象的内容 
        obj.setAttribute("class","classB");//设置元素对象的class为ClassB
        obj.setAttribute("onclick","deleteobj(this)");//设置元素属性onclick为del(this)
        obj.setAttribute("title","我是修改后的title");//设置元素属性title 
    }
    //删除节点属性
    function deleteobj(obj)
    { 
        obj.parentNode.removeChild(obj);//删除元素节点。这里是删除自己
    }