怎么样用代码去掉一个已经显示出来的内容

<p id=ta>一会就叫你消失</p>
<input type=button onclick=ta.style.display='none'>

解决方案 »

  1.   

    总的来说, 是这样的, 显示或者不显示一个对象, 基本上有这么几层: 1. 根本不存在这个对象。你要让已经显示的对象消失，直接删除就可以了。办法是用 HTML-DOM：比如这个对象的 Id 叫 __myId，用 document.getElementById( "__myId").parentElement.removeChild( document.getElementById( "__myId"));2. 存在但内容为空，当然也看不到了（不过有边框一类的还是能看到的）。办法是：document.getElementById( "__myId").innerHTML = "";3. 存在，也有内容，但是不在显示流中。这样的话在界面上是和第一种情况完全一样。办法是用 CSS: document.getElementById( "__myId").style.display = "none";4. 加入显示流，但不可见，这样一来，元素是占位的，但是不可见。办法：document.getElementById("__myId").style.visibility = "hidden";5. 显示，可见，但是不透明度为 0。办法：document.getElementById("__myId").style.filter = "alpha( Opacity=0)";