节点

时间:2021-08-16
本文章向大家介绍节点,主要包括节点使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
//节点
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);//删除元素节点。这里是删除自己
    }

原文地址:https://www.cnblogs.com/rourouwanzi/p/15147375.html