//改变HTML输出流

 document.write(Date());

 //改变HTML的内容

 document.getElementById('box').innerHTML = 'box';

 //改变HTML属性

 //document.getElementById(id).attribute=new value

 document.getElementById('gif').src = "b.gif";

 console.log(document.getElementById('box').style);

 //改变CSS样式

 //document.getElementById(id).style.property = new style

 //使用事件，如 HTML onclick=''

 //visibility 不改变布局

 document.getElementById('button1').onclick = function () {

     document.getElementById('box').style.visibility = 'hidden';

 };

 document.getElementById('button2').onclick = function () {

     document.getElementById('box').style.visibility = 'visible';

 };