基本信息
源码名称：按钮添加不同颜色div
源码大小：0.81KB
文件格式：.html
开发语言：CSS
更新时间：2021-03-09
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍
按钮添加不同颜色div


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

 

<title>Insert title here</title>

<style type="text/css">

    .yellow{

        width: 100px;

        height: 100px;

        background-color: yellow;

        float:left;

    }

    .green{

        width: 100px;

        height: 100px;

        background-color: green;

        float:left;

    }

    div{

     

    }

</style>

<script type="text/javascript">

    function myfn(color){

        var d = document.getElementById("d1");

        d.innerHTML ="<div class='" color "'></div>";

    }
</script>

</head>

<body>

<input type="button" value="黄色" onclick="myfn('yellow')">

<input type="button" value="绿色" onclick="myfn('green')">

<div id="d1"></div>

</body>

</html>