JavaScript基础----21Javascript-DOM操作CSS

来源:互联网 发布:淘宝店铺运费模板 编辑:程序博客网 时间:2024/06/05 08:19
<!DOCTYPE html><!--Javascript-DOM操作CSS--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <link href="css21.css" type="text/css" rel="stylesheet"></head><body>   <div id ="div">       我要改变css   </div>   <button onclick="demo()">按钮</button><script>    function demo(){    document.getElementById("div").style.backgroundColor="#b3d4fc";    }</script></body></html>
css:
#div{    width: 100px;    height: 100px;    /*background-color: #b3d4fc;*/    background-color: cadetblue;}

0 0
原创粉丝点击