abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>changeDIV</title> <style> #box
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>changeDIV</title>
<style>
#box{
width:100px;
height:100px;
background:red;
margin:20px 80px;
}
</style>
</head>
<body>
<div id="box"></div>
<input type="button" value="變高" onclick="aa()">
<input type="button" value="變寬" onclick="bb()">
<input type="button" value="變色" onclick="cc()">
<input type="button" value="重置" onclick="dd()">
<input type="button" value="隱藏" onclick="ee()">
<input type="button" value="顯示" onclick="ff()">
<script>
var box
window.onload=function(){
box=document.getElementById("box");
}
function aa(){
box.style.height="400px";
}
function bb(){
box.style.width="400px";
}
function cc(){
box.style.background="blue";
}
function dd(){
box.style.width="100px";
box.style.height="100px";
box.style.background="red";
}
function ee(){
box.style.display="none";
}
function ff(){
box.style.display="block";
}
</script>
</body>
</html>總結(jié)：在對網(wǎng)頁的布局中，如果想要對DIV的樣式做出改變，可以運用JS來改變DIV中的樣式，在本節(jié)課中，我學(xué)到了如何運用JS來改變DIV的樣式，聲明的變量.style.屬性名="屬性值"，如果屬性有“-”號，就寫成駝峰形式。要多加練習(xí)，好好掌握，深入理解。
Correcting teacher：天蓬老師Correction time：2019-04-01 10:09:59
Teacher's summary：有空了解一下classList, 它現(xiàn)在已可以代替掉className了