Question

点击按钮，我想隐藏div。我该怎么做？

<!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>

再次请求...但是可能找不到更好的方法。致谢

Answer 1

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

这会在div上设置CSS代码display: none;，这会导致浏览器的渲染引擎表现得像元素甚至不在页面上（例如它不占用任何空间）。有关官方说明，请参阅CSS standard。

Answer 2

您可以使用Jquery让事情变得非常简单：

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

您可以随时使用$("div#hide").show()显示元素。这将使您免于处理浏览器不一致和其他废话，因此您可以专注于生成可读性很强的代码。：）

Answer 3

如果你使用jQuery：

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

用javascript隐藏元素

3 个答案: