主要实现代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />//这句话是解决中文乱码的问题
<title>主页面</title>
<script>
window.οnlοad=function(){
var btn= document.getElementById('id1');
btn.onclick = function(){
document.getElementById('div1').style.color='gray';//hidden='true'这是元素的属性，不是元素的style
};
};
</script>
</head>
<body>
<input type="button" value="按钮" id="id1" />
<div id="div1">这是div中的内容</div>
</body>
</html>
该代码主要实现了，点击button按钮，改变div中元素的样式（style），同样也能改变元素的一些属性，例如hidden、不可编辑、disable等
![主流浏览器四大综合性能测试[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)