节点操作

Posted 2020-11-02 菜鸡蔡文姬

1.创建节点(DOM操作)

//点击body创建元素
            var body = document.querySelector("body");//js返回匹配的第一个对象
            document.addEventListener(‘click‘,function(){
                //创建两个div元素
                var div1 = document.createElement("div");
                var div2 = document.createElement("div");
                
                div1.setAttribute("class","red");
                div2.className = "green";
                
                div1.appendChild(div2);
                
                body.appendChild(div1);
            })

2.创建节点(JQuery)

//点击body创建元素
        //注意设置body的高度
        var $body = $("body");
        $body.on(‘click‘,function(){
            var div = $("<div class=‘red‘><div class=‘green‘></div></div>");
            //jquery的append函数即是appendChild插入元素到里面
            $body.appendTo(div);
        })