（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';
};