DOM可以做什么？

改变页面的背景

教程里有如下一段改变网页背景颜色的JavaScript代码。

  function ChangeColor(){
  document.body.bgColor="yellow" 
 }

其实在HTML DOM简介里面我们就已经做过一个类似的例子了。在这里我们还是做点更有趣的例子吧。

隐藏和显示

上面的按钮可以控制我的显示和消失哦。这个特效就是通过JavaScript配合HTML DOM来完成的。代码如下：

JavaScript代码：

<script type="text/javascript">
  function hide(){
  document.getElementById("hiddenTest").style.display = "none" ; 
 }
  function show(){
  document.getElementById("hiddenTest").style.display = "block" ; 
 }
</script>

HTML代码：

<form action="#">
 <button onclick="hide(); return false;" value="隐藏" >隐藏段落</button>
 <button onclick="show(); return false;" value="显示" >显示段落</button>
 </form>
 <p id="hiddenTest">上面的按钮可以控制我的显示和消失哦。……</p>