用javascript隱藏元素

點擊按鈕，我想隱藏div。我該怎麼做？用javascript隱藏元素

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 
<script language="javascript" type="text/javascript"> 
function button() 
{ 
    var a = document.getElementById('approve'); 
    document.getElementById('p').innerHTML= 'Fred Flinstone'; 


} 
</script> 

<body> 
<div id="hide"> 
<form> 
<p id="p">heya</p> 

<input type="button" id='approve' value="approve" onclick="button()"/> 
<input type="button" id="reject" value="reject"/> 
</form> 

</div> 
</body> 
</html>

抱歉再次提出要求...但可能不能找到一個更好的方法。感謝

來源

2010-11-13 ryan

document.getElementById('hide').style.display = 'none';

這臺CSS代碼display: none;的DIV，這會導致瀏覽器的渲染引擎要像元素甚至不是頁面（例如它不佔用任何空間）上。有關官方描述，請參閱CSS standard。

來源

2010-11-13 16:27:05 PleaseStand

超級簡單。謝謝。 – ryan 2010-11-13 16:28:48

你可以使用Jquery把事情超級簡單：

$("#approve").click(function() { 
    $("div#hide").hide() //you can just use $("#hide") if you want 
});

可以顯示元素，只要你想用$("div#hide").show()。這將使您不必處理瀏覽器不一致和其他垃圾，因此您可以專注於生成高可讀性代碼。 :)

來源

2010-11-13 16:27:32

如果你使用jQuery：

$(document).ready(function() { 
    $('#approve').click(function() { 
    $('#hide').hide(); 
    }); 
});

來源

2010-11-13 16:27:58 frarees

用javascript隱藏元素

回答

相關問題