Javascript控制网页元素

今天我闲来无事，自己总结一下js对网页内元素的控制。


function getObj(targetid){
if (document.getElementById){
  target=document.getElementById(targetid);
  return target;
}
}
取得对象后就好玩了..想怎么控制它都行！
比如你想让一个Div显示或隐藏，现在就简单了！
具体代码如下：

input type="button" onclick='show(div1)'>
div style='display:none'>Can you see me?/div>
script language="javascript">
function show(targetid){
  var t=getObj(targetid);
  if(t.style.display=="block") t.style.display=="none";
  if(t.style.display=="none") t.style.display=="block";
}
function getObj(targetid){
if (document.getElementById){
  target=document.getElementById(targetid);
  return target;
}
}
/script>