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

DOM HTML

 1 //改变HTML输出流
 2 document.write(Date());
 3 
 4 //改变HTML的内容
 5 document.getElementById('box').innerHTML = 'box';
 6 
 7 //改变HTML属性
 8 //document.getElementById(id).attribute=new value
 9 document.getElementById('gif').src = "b.gif";
10 
11 console.log(document.getElementById('box').style);

 

 

DOM CSS

 1 //改变CSS样式
 2 //document.getElementById(id).style.property = new style
 3 
 4 //使用事件，如 HTML onclick=''
 5 
 6 //visibility 不改变布局
 7 document.getElementById('button1').onclick = function () {
 8     document.getElementById('box').style.visibility = 'hidden';
 9 };
10 
11 document.getElementById('button2').onclick = function () {
12     document.getElementById('box').style.visibility = 'visible';
13 };