js 生成简单的dom

seuleyang 2022-03-12 阅读 53

<body>
    
</body>
<script>
    function div(options={}) {
        let div = document.createElement('div')  // 创建div
        // 设置创建的div的样式
        div.style.width = options.width?options.width:'500px'
        div.style.height = options.height?options.height:'400px'
        div.style.background = options.bgc?options.bgc:'red'
        document.body.appendChild(div)  // 将创建的div插到body中
    }
    div({
        width:'800px',
        bgc:'blue'
    }) //调用创建div的方法，如果不传参数，就是默认展示
</script>
</html>

0 条评论

seuleyang

关注