您的位置:首页 > Web前端 > JavaScript

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

2015-08-06 20:27 786 查看
<!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;
}

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: