美文网首页
javascript动态创建div并设置属性

javascript动态创建div并设置属性

作者: 510bb14393e1 | 来源:发表于2022-05-05 16:02 被阅读0次
     //根据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并设置属性

          本文链接:https://www.haomeiwen.com/subject/msfoyrtx.html