如何用js控制一段这样的东西

Question

<div id="id1">id1</div>
<div id="id2"><input type="button" value="id2" onClick="id1.disabled=true"></div>

Answer 1

<div id="id1"><a href="#" onClick="id1.disabled=true;id2.style.display='';">id1</a></div>
<div id="id2" style="display:none">id2</div>

Answer 2

谢谢，设置为disabled = true 之后只是把id1变为灰色，并没有真正的不可控制状态啊如果id1之内有链接什么其他的，还是可以操作的啊！！！！！

Answer 3

windows风格？  我觉得在灰掉的那个div上一层再加一个同样大小的div，这个div什么都不错，只不过是透明的，这样不知道行不行？能不能阻挡住对下一层的控制？

Answer 4

<script>
<!--
function disable(obj){ 
  if(obj.disabled!=null && !obj.disabled)obj.disabled=true;
  try{
   obj.onclick=function(){return false;};
  }catch(e){
  }
  for(var i=0;i<obj.childNodes.length;i++) 
  disable(obj.childNodes[i]);
 
}
//-->
</script>
<div id="id1"  style="background-color:blue">
<a href="test.html" >id1</a>
<input type=text>
<input type=button value=do  onClick="disable(document.getElementById('id1'));id2.style.display='';">
</div>
<div id="id2" style="display:none">id2</div>