2010-11-13 3 views
0

Нажатие кнопки, я хочу скрыть 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> 

SORRY ДЛЯ расспрашивает РАЗ ... но не смог найти лучший метод. БЛАГОДАРЯ

ответ

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

Это устанавливает код CSS display: none; на DIV, который вызывает движок рендеринга браузера, чтобы действовать как элемент даже не на странице (например, он не занимает никакого пространства). См. Официальное описание CSS standard.

+0

Супер легкий. Благодарю. – ryan

0

Вы можете просто использовать Jquery, чтобы сделать вещи очень легко:

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

Вы можете показать элемент всякий раз, когда вы хотите с $("div#hide").show(). Это избавит вас от необходимости иметь дело с несогласованностью браузера и другим дерьмом, чтобы вы могли сосредоточиться на создании отличного читаемого кода. :)

0

Если вы используете JQuery:

$(document).ready(function() { 
    $('#approve').click(function() { 
    $('#hide').hide(); 
    }); 
}); 
Смежные вопросы