美文网首页
SetColor Case

SetColor Case

作者: Jadon7 | 来源:发表于2018-10-06 22:41 被阅读0次
<!DOCTYPE html>
<html>
<head>
    <title>setColor</title>
</head>
<style type="text/css">
    #reactangle{
        width:300px;
        height:300px;
        background:red;
    }
</style>
<body>
    <input type="button" value="变红" onclick="setColor('red')">
    <input type="button" value="变绿" onclick="setColor('green')">
    <input type="button" value="变黑" onclick="setColor('black')">
    <div id="reactangle"></div>
    <script type="text/javascript">
        var oReactangle=document.getElementById('reactangle');
        function setColor(color)
        {
            oReactangle.style.background=color;
        }
    </script>
</body>
</html>

相关文章

网友评论

      本文标题:SetColor Case

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