摘要：总结：先用document.gerElementById() 获取当前的ID也就是选择要修改的这一行，在用style进行css样式修改。实现不同样式不同效果；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &nb
总结：先用document.gerElementById() 获取当前的ID也就是选择要修改的这一行，在用style进行css样式修改。实现不同样式不同效果；
<!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>
批改老师：天蓬老师批改时间：2019-01-10 08:58:05
老师总结：<input type="button" value="隐藏" onclick="yc()">, 以后函数名称,建议起一个望文生义的, 不要用这样
