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

最新推荐文章于 2020-11-10 15:19:49 发布

zhaihaohao1

最新推荐文章于 2020-11-10 15:19:49 发布

阅读量358

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47322417

版权

JavaScript基础专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<!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 οnclick="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;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhaihaohao1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础----21Javascript-DOM操作CSS

html>lang="en"> charset="UTF-8"> href="css21.css" type="text/css" rel="stylesheet"> id ="div"> 我要改变css onclick="demo()">按钮 function demo(){ document.getEle
复制链接

扫一扫