abstract：總結(jié)：先用document.gerElementById() 獲取當(dāng)前的ID也就是選擇要修改的這一行，在用style進(jìn)行css樣式修改。實(shí)現(xiàn)不同樣式不同效果；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &nb
總結(jié)：先用document.gerElementById() 獲取當(dāng)前的ID也就是選擇要修改的這一行，在用style進(jìn)行css樣式修改。實(shí)現(xiàn)不同樣式不同效果；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
div{width:100px;height:100px;background:red;margin: 10px 80px;}
</style>
<body>
<div id="box"></div>
<input type="button" value="變高" onclick="bg()">
<input type="button" value="變寬" onclick="bk()">
<input type="button" value="變色" onclick="bs()">
<input type="button" value="重置" onclick="cz()">
<input type="button" value="隱藏" onclick="yc()">
<input type="button" value="顯示" onclick="xs()">
</body>
<script>
var dianjis=document.getElementById("box");
function bg() {
dianjis.style.height="200px";
}
function bk() {
dianjis.style.width="200px";
}
function bs() {
dianjis.style.background="black";
}
function cz() {
dianjis.style.height="100px";
dianjis.style.width="100px";
dianjis.style.background="red";
}
function yc() {
dianjis.style.display="none";
}
function xs() {
dianjis.style.display="block";
}
</script>
</html>
Correcting teacher：天蓬老師Correction time：2019-01-10 08:58:05
Teacher's summary：<input type="button" value="隱藏" onclick="yc()">, 以后函數(shù)名稱,建議起一個(gè)望文生義的, 不要用這樣