DOCTYPE html>
<html>
<head>
<meta charset&＃61;"utf-8">
<meta name&＃61;"author" content&＃61;"huyiwei">
<meta name&＃61;"generator" content&＃61;"HBuilder X">
<title>使用Dom对象操作css样式title>
<style>
#box{
width: 100px;
height: 100px;
background-color: aqua;
}
style>
head>
<body>
<div id&＃61;"box">div>
<button type&＃61;"button" id&＃61;"btn">
点我试试
button>
<button type&＃61;"button" id&＃61;"btn2">
点我试试2
button>
<script>
var btn &＃61; document.getElementById("btn");
var box &＃61; document.getElementById("box");
btn.onclick &＃61; function(){
box.style.width &＃61; "300px";
box.style.height &＃61; "300px";
box.style.background-color &＃61; "red";
box.style.backgroundColor &＃61; "red";
}
var btn2 &＃61; document.getElementById("btn2");
btn2.onclick &＃61; function(){
console.log(box.style.width);
}
script>
body>
html>
京公网安备 11010802041100号