（11）JavaScript之[DOM HTML][DOM CSS]

DOM HTML

 //改变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);

DOM CSS

 //改变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';
 };