摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> #box{height: 100px;width: 100px;background: red;margin:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#box{height: 100px;width: 100px;background: red;margin: 20px 80px;}
</style>
<body>
<div id="box"></div>
<button onclick="change_hei()">变高</button>
<button onclick="change_wid()">变宽</button>
<button onclick="change_col()">变色</button>
<button onclick="change_res()">重置</button>
<button onclick="hide()">隐藏</button>
<button onclick="show()">显示</button>
</body>
<script>
var box
window.onload = function(){
box = document.getElementById("box")
}
function change_hei(){
box.style.height = "200px"
}
function change_wid(){
box.style.width = "200px"
}
function change_col(){
box.style.background = "yellow"
}
function change_res(){
box.style.height = "100px"
box.style.width = "100px"
box.style.background = "red"
}
function hide(){
box.style.display = "none"
}
function show(){
box.style.display = "block"
}
</script>
</html>
给元素设置初始样式，通过document.getElementById()的方法查找到要改变的元素，编写函数改变元素的样式，通过点击事件调用函数来控制元素样式
请问老师<button></button>和<input type = "button">有什么区别
还有js中的this应该怎么理解
批改老师：灭绝师太批改时间：2018-11-07 11:57:19
老师总结：问题一 都是按钮，个别浏览器在获取按钮的value值上有区别
问题二：$(this)是jquery对象，this就是简单指当前元素
