javascript动态创建div并设置属性

 //根据id获取标签
                var element = document.getElementById("divId");
                //创建div
                let div = document.createElement("div");
                //设置div css
                div.className="divcss";
                //设置div背景色
                div.style.background = "#32cd32";
                //设置div长宽
                div.style.width = "20px";
                div.style.height = "20px";
                //设置div左浮
                div.style.float="left";
                //设置div圆角
                div.style.borderRadius = "20px";
                //设置div点击事件
                div.onclick = function(){alert("我被点击了");};
                //设置div内容
                div.innerHTML="我是div内容";
                //将div节点设置到页面另一个标签里
                element.appendChild(div);
              

你可能感兴趣的:(javascript动态创建div并设置属性)